色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bc545d
データ
赤
188
緑
84
青
93
色相
355°
白
33%
黒
26%
彩度
44%
明度
53%
輝度
46%
色調 = 柔らかい
色相 = 355°
3桁
#c66
#c65
#c64
#c56
#c55
#c54
#c46
#c45
#c44
#b66
#b65
#b64
#b56
#b55
#b54
#b46
#b45
#b44
#a66
#a65
#a64
#a56
#a55
#a54
#a46
#a45
#a44
名前付き
indianred
sienna
peru
palevioletred
chocolate
brown
tomato
mediumvioletred
lightcoral
rosybrown
firebrick
crimson
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-355 : 0
-350 : 5
-345 : 10
-330 : 25
-315 : 40
-300 : 55
-285 : 70
-270 : 85
-255 : 100
-240 : 115
-225 : 130
-210 : 145
-195 : 160
-180 : 175
-165 : 190
-150 : 205
-135 : 220
-120 : 235
-105 : 250
-90 : 265
-75 : 280
-60 : 295
-45 : 310
-30 : 325
-15 : 340
-10 : 345
-5 : 350
-2 : 353
±0 : 355
+2 : 357
彩度
+56 : 100
+52 : 96
+48 : 92
+44 : 88
+40 : 84
+36 : 80
+32 : 76
+28 : 72
+24 : 68
+20 : 64
+16 : 60
+12 : 56
+8 : 52
+6 : 50
+4 : 48
+3 : 47
+2 : 46
±0 : 44
-2 : 42
-3 : 41
-4 : 40
-8 : 36
-12 : 32
-16 : 28
-20 : 24
-24 : 20
-28 : 16
-32 : 12
-36 : 8
-40 : 4
-44 : 0
明度
+47 : 100
+43 : 96
+39 : 92
+35 : 88
+31 : 84
+27 : 80
+23 : 76
+19 : 72
+15 : 68
+11 : 64
+7 : 60
+3 : 56
+2 : 55
±0 : 53
-1 : 52
-2 : 51
-3 : 50
-5 : 48
-9 : 44
-13 : 40
-17 : 36
-21 : 32
-25 : 28
-29 : 24
-33 : 20
-37 : 16
-41 : 12
-45 : 8
-49 : 4
-53 : 0
白
-33 : 0
-29 : 4
-25 : 8
-21 : 12
-17 : 16
-13 : 20
-9 : 24
-5 : 28
-3 : 30
-2 : 31
-1 : 32
±0 : 33
+2 : 35
+3 : 36
+7 : 40
+11 : 44
+15 : 48
+17 : 50
+19 : 52
+23 : 56
+27 : 60
+31 : 64
+35 : 68
+39 : 72
+43 : 76
+47 : 80
+51 : 84
+55 : 88
+59 : 92
+63 : 96
+67 : 100
黒
-26 : 0
-22 : 4
-18 : 8
-14 : 12
-10 : 16
-6 : 20
-3 : 23
-2 : 24
±0 : 26
+2 : 28
+3 : 29
+6 : 32
+10 : 36
+14 : 40
+18 : 44
+22 : 48
+24 : 50
+26 : 52
+30 : 56
+34 : 60
+38 : 64
+42 : 68
+46 : 72
+50 : 76
+54 : 80
+58 : 84
+62 : 88
+66 : 92
+70 : 96
+74 : 100
赤
+67 : 255
+50 : 238
+33 : 221
+16 : 204
+8 : 196
+4 : 192
+2 : 190
+1 : 189
±0 : 188
-1 : 187
-2 : 186
-4 : 184
-8 : 180
-18 : 170
-35 : 153
-52 : 136
-69 : 119
-86 : 102
-103 : 85
-120 : 68
-137 : 51
-154 : 34
-171 : 17
-188 : 0
緑
+171 : 255
+154 : 238
+137 : 221
+120 : 204
+103 : 187
+86 : 170
+69 : 153
+52 : 136
+35 : 119
+18 : 102
+8 : 92
+4 : 88
+2 : 86
+1 : 85
±0 : 84
-1 : 83
-2 : 82
-4 : 80
-8 : 76
-16 : 68
-33 : 51
-50 : 34
-67 : 17
-84 : 0
青
+162 : 255
+145 : 238
+128 : 221
+111 : 204
+94 : 187
+77 : 170
+60 : 153
+43 : 136
+26 : 119
+9 : 102
+8 : 101
+4 : 97
+2 : 95
+1 : 94
±0 : 93
-1 : 92
-2 : 91
-4 : 89
-8 : 85
-25 : 68
-42 : 51
-59 : 34
-76 : 17
-93 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000