色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#ea370d
データ
赤
234
緑
55
青
13
色相
11°
白
5%
黒
8%
彩度
89%
明度
48%
輝度
41%
色調 = 強い
色相 = 11°
3桁
#f42
#f41
#f40
#f32
#f31
#f30
#f22
#f21
#f20
#e42
#e41
#e40
#e32
#e31
#e30
#e22
#e21
#e20
#d42
#d41
#d40
#d32
#d31
#d30
#d22
#d21
#d20
名前付き
orangered
chocolate
crimson
red
firebrick
tomato
brown
sienna
darkorange
indianred
darkgoldenrod
saddlebrown
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-10 : 1
-5 : 6
-2 : 9
±0 : 11
+2 : 13
+5 : 16
+10 : 21
+15 : 26
+30 : 41
+45 : 56
+60 : 71
+75 : 86
+90 : 101
+105 : 116
+120 : 131
+135 : 146
+150 : 161
+165 : 176
+180 : 191
+195 : 206
+210 : 221
+225 : 236
+240 : 251
+255 : 266
+270 : 281
+285 : 296
+300 : 311
+315 : 326
+330 : 341
+345 : 356
彩度
+11 : 100
+7 : 96
+3 : 92
+2 : 91
±0 : 89
-1 : 88
-2 : 87
-3 : 86
-5 : 84
-9 : 80
-13 : 76
-17 : 72
-21 : 68
-25 : 64
-29 : 60
-33 : 56
-37 : 52
-39 : 50
-41 : 48
-45 : 44
-49 : 40
-53 : 36
-57 : 32
-61 : 28
-65 : 24
-69 : 20
-73 : 16
-77 : 12
-81 : 8
-85 : 4
-89 : 0
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
白
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
黒
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
赤
+21 : 255
+8 : 242
+4 : 238
+2 : 236
+1 : 235
±0 : 234
-1 : 233
-2 : 232
-4 : 230
-8 : 226
-13 : 221
-30 : 204
-47 : 187
-64 : 170
-81 : 153
-98 : 136
-115 : 119
-132 : 102
-149 : 85
-166 : 68
-183 : 51
-200 : 34
-217 : 17
-234 : 0
緑
+200 : 255
+183 : 238
+166 : 221
+149 : 204
+132 : 187
+115 : 170
+98 : 153
+81 : 136
+64 : 119
+47 : 102
+30 : 85
+13 : 68
+8 : 63
+4 : 59
+2 : 57
+1 : 56
±0 : 55
-1 : 54
-2 : 53
-4 : 51
-8 : 47
-21 : 34
-38 : 17
-55 : 0
青
+242 : 255
+225 : 238
+208 : 221
+191 : 204
+174 : 187
+157 : 170
+140 : 153
+123 : 136
+106 : 119
+89 : 102
+72 : 85
+55 : 68
+38 : 51
+21 : 34
+8 : 21
+4 : 17
+2 : 15
+1 : 14
±0 : 13
-1 : 12
-2 : 11
-4 : 9
-8 : 5
-13 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000