色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#b61
#bb6611
データ
赤
187
緑
102
青
17
色相
30°
白
7%
黒
27%
彩度
83%
明度
40%
輝度
46%
色調 = 鈍い
色相 = 30°
3桁
#c72
#c71
#c70
#c62
#c61
#c60
#c52
#c51
#c50
#b72
#b71
#b70
#b62
#b61
#b60
#b52
#b51
#b50
#a72
#a71
#a70
#a62
#a61
#a60
#a52
#a51
#a50
名前付き
chocolate
darkgoldenrod
sienna
saddlebrown
peru
olive
brown
firebrick
goldenrod
orangered
indianred
darkorange
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-30 : 0
-15 : 15
-10 : 20
-5 : 25
-2 : 28
±0 : 30
+2 : 32
+5 : 35
+10 : 40
+15 : 45
+30 : 60
+45 : 75
+60 : 90
+75 : 105
+90 : 120
+105 : 135
+120 : 150
+135 : 165
+150 : 180
+165 : 195
+180 : 210
+195 : 225
+210 : 240
+225 : 255
+240 : 270
+255 : 285
+270 : 300
+285 : 315
+300 : 330
+315 : 345
彩度
+17 : 100
+13 : 96
+9 : 92
+5 : 88
+3 : 86
+2 : 85
+1 : 84
±0 : 83
-2 : 81
-3 : 80
-7 : 76
-11 : 72
-15 : 68
-19 : 64
-23 : 60
-27 : 56
-31 : 52
-33 : 50
-35 : 48
-39 : 44
-43 : 40
-47 : 36
-51 : 32
-55 : 28
-59 : 24
-63 : 20
-67 : 16
-71 : 12
-75 : 8
-79 : 4
-83 : 0
明度
+60 : 100
+56 : 96
+52 : 92
+48 : 88
+44 : 84
+40 : 80
+36 : 76
+32 : 72
+28 : 68
+24 : 64
+20 : 60
+16 : 56
+12 : 52
+10 : 50
+8 : 48
+4 : 44
+3 : 43
+2 : 42
±0 : 40
-2 : 38
-3 : 37
-4 : 36
-8 : 32
-12 : 28
-16 : 24
-20 : 20
-24 : 16
-28 : 12
-32 : 8
-36 : 4
-40 : 0
白
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 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
緑
+153 : 255
+136 : 238
+119 : 221
+102 : 204
+85 : 187
+68 : 170
+51 : 153
+34 : 136
+17 : 119
+8 : 110
+4 : 106
+2 : 104
+1 : 103
±0 : 102
-1 : 101
-2 : 100
-4 : 98
-8 : 94
-17 : 85
-34 : 68
-51 : 51
-68 : 34
-85 : 17
-102 : 0
青
+238 : 255
+221 : 238
+204 : 221
+187 : 204
+170 : 187
+153 : 170
+136 : 153
+119 : 136
+102 : 119
+85 : 102
+68 : 85
+51 : 68
+34 : 51
+17 : 34
+8 : 25
+4 : 21
+2 : 19
+1 : 18
±0 : 17
-1 : 16
-2 : 15
-4 : 13
-8 : 9
-17 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000