17 種類の赤の色合い (+ HEXコード)
明るい赤から深い赤まで、すべての赤の色合いを探索しましょう！HEXコード、色名、赤のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
赤はページの何よりも先に届きます。目が最初に見つけ、頭より先に体が反応するからです。だからこそ「セール」と「停止」の両方を意味します。
赤は一色だけにしてください。二つ目の赤を隣に置くと、どちらも間違いに見えます。
- fair pink#ffebeb
- cosmos#ffd2d2
- your pink#ffbaba
- sweet pink#ffa1a1
- vivid tangerine#ff8989
- bittersweet#ff7070
- persimmon#ff5858
- coral red#ff4040
- red orange#ff2727
- red#ff0f0f
- guardsman red#c40000
- bright red#ac0000
- red berry#940000
- maroon#7b0000
- rosewood#630000
- temptress#4a0000
- diesel#1a0000
赤: HEX & RGB コード
赤 の主なカラーコードは以下のとおりです:
HEX: #ffebeb
RGB: (255, 235, 235).
インタラクティブなカラーピッカーを使って、さまざまな 赤 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
赤のティントを探索する
Fair Pink
#ffebeb
Fair Pink
#ffebeb
Chablis
#fff0f0
Chablis
#fff0f0
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fff5f5
Rose White
#fffafa
Rose White
#fffafa
White
#ffffff
赤のシェードを探索する
Aubergine
#340909
Brown Derby
#4c1515
Irish Coffee
#652525
Lotus
#813b3b
Au Chico
#9b5555
Turkish Rose
#b47474
Oriental Pink
#cc9494
Cavern Pink
#e5bdbd
赤のHEX・RGB・HSL・CMYK
| HEX | #FF0000 | |
|---|---|---|
| RGB | rgb(255, 0, 0) | |
| HSL | hsl(0, 100%, 50%) | |
| CMYK | cmyk(0%, 100%, 100%, 0%) |
赤の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#ff2727
#ff4e4e
#ff7575
#ff9c9c
#ffc4c4
#ffebeb
暗い方向
#d80000
#b10000
#8a0000
#630000
#3b0000
#140000
赤と相性のよい色
補色
#FF0000 #00ffff
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#ff0080 #FF0000 #ff8000
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#FF0000 #00ff00 #0000ff
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
赤の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
赤のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。