色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#d89331
データ
赤
216
緑
147
青
49
色相
35°
白
19%
黒
15%
彩度
68%
明度
52%
輝度
61%
色調 = 強い
色相 = 35°
3桁
#ea4
#ea3
#ea2
#e94
#e93
#e92
#e84
#e83
#e82
#da4
#da3
#da2
#d94
#d93
#d92
#d84
#d83
#d82
#ca4
#ca3
#ca2
#c94
#c93
#c92
#c84
#c83
#c82
名前付き
peru
goldenrod
chocolate
darkgoldenrod
coral
sandybrown
darkorange
orange
tomato
indianred
darkkhaki
darksalmon
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-30 : 5
-15 : 20
-10 : 25
-5 : 30
-2 : 33
±0 : 35
+2 : 37
+5 : 40
+10 : 45
+15 : 50
+30 : 65
+45 : 80
+60 : 95
+75 : 110
+90 : 125
+105 : 140
+120 : 155
+135 : 170
+150 : 185
+165 : 200
+180 : 215
+195 : 230
+210 : 245
+225 : 260
+240 : 275
+255 : 290
+270 : 305
+285 : 320
+300 : 335
+315 : 350
彩度
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 0
明度
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 0
白
-19 : 0
-15 : 4
-11 : 8
-7 : 12
-3 : 16
-2 : 17
±0 : 19
+1 : 20
+2 : 21
+3 : 22
+5 : 24
+9 : 28
+13 : 32
+17 : 36
+21 : 40
+25 : 44
+29 : 48
+31 : 50
+33 : 52
+37 : 56
+41 : 60
+45 : 64
+49 : 68
+53 : 72
+57 : 76
+61 : 80
+65 : 84
+69 : 88
+73 : 92
+77 : 96
+81 : 100
黒
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
赤
+39 : 255
+22 : 238
+8 : 224
+5 : 221
+4 : 220
+2 : 218
+1 : 217
±0 : 216
-1 : 215
-2 : 214
-4 : 212
-8 : 208
-12 : 204
-29 : 187
-46 : 170
-63 : 153
-80 : 136
-97 : 119
-114 : 102
-131 : 85
-148 : 68
-165 : 51
-182 : 34
-199 : 17
-216 : 0
緑
+108 : 255
+91 : 238
+74 : 221
+57 : 204
+40 : 187
+23 : 170
+8 : 155
+6 : 153
+4 : 151
+2 : 149
+1 : 148
±0 : 147
-1 : 146
-2 : 145
-4 : 143
-8 : 139
-11 : 136
-28 : 119
-45 : 102
-62 : 85
-79 : 68
-96 : 51
-113 : 34
-130 : 17
-147 : 0
青
+206 : 255
+189 : 238
+172 : 221
+155 : 204
+138 : 187
+121 : 170
+104 : 153
+87 : 136
+70 : 119
+53 : 102
+36 : 85
+19 : 68
+8 : 57
+4 : 53
+2 : 51
+1 : 50
±0 : 49
-1 : 48
-2 : 47
-4 : 45
-8 : 41
-15 : 34
-32 : 17
-49 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000