色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bb4033
データ
赤
187
緑
64
青
51
色相
6°
白
20%
黒
27%
彩度
57%
明度
47%
輝度
39%
色調 = 鈍い
色相 = 6°
3桁
#c54
#c53
#c52
#c44
#c43
#c42
#c34
#c33
#c32
#b54
#b53
#b52
#b44
#b43
#b42
#b34
#b33
#b32
#a54
#a53
#a52
#a44
#a43
#a42
#a34
#a33
#a32
名前付き
brown
sienna
firebrick
chocolate
indianred
crimson
saddlebrown
peru
tomato
darkgoldenrod
orangered
mediumvioletred
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-5 : 1
-2 : 4
±0 : 6
+2 : 8
+5 : 11
+10 : 16
+15 : 21
+30 : 36
+45 : 51
+60 : 66
+75 : 81
+90 : 96
+105 : 111
+120 : 126
+135 : 141
+150 : 156
+165 : 171
+180 : 186
+195 : 201
+210 : 216
+225 : 231
+240 : 246
+255 : 261
+270 : 276
+285 : 291
+300 : 306
+315 : 321
+330 : 336
+345 : 351
+350 : 356
彩度
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
明度
+53 : 100
+49 : 96
+45 : 92
+41 : 88
+37 : 84
+33 : 80
+29 : 76
+25 : 72
+21 : 68
+17 : 64
+13 : 60
+9 : 56
+5 : 52
+3 : 50
+2 : 49
+1 : 48
±0 : 47
-2 : 45
-3 : 44
-7 : 40
-11 : 36
-15 : 32
-19 : 28
-23 : 24
-27 : 20
-31 : 16
-35 : 12
-39 : 8
-43 : 4
-47 : 0
白
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
黒
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
赤
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
緑
+191 : 255
+174 : 238
+157 : 221
+140 : 204
+123 : 187
+106 : 170
+89 : 153
+72 : 136
+55 : 119
+38 : 102
+21 : 85
+8 : 72
+4 : 68
+2 : 66
+1 : 65
±0 : 64
-1 : 63
-2 : 62
-4 : 60
-8 : 56
-13 : 51
-30 : 34
-47 : 17
-64 : 0
青
+204 : 255
+187 : 238
+170 : 221
+153 : 204
+136 : 187
+119 : 170
+102 : 153
+85 : 136
+68 : 119
+51 : 102
+34 : 85
+17 : 68
+8 : 59
+4 : 55
+2 : 53
+1 : 52
±0 : 51
-1 : 50
-2 : 49
-4 : 47
-8 : 43
-17 : 34
-34 : 17
-51 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000