色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#2006a2
データ
赤
32
緑
6
青
162
色相
250°
白
2%
黒
36%
彩度
93%
明度
33%
輝度
12%
色調 = 深い
色相 = 250°
3桁
#32b
#32a
#329
#31b
#31a
#319
#30b
#30a
#309
#22b
#22a
#229
#21b
#21a
#219
#20b
#20a
#209
#12b
#12a
#129
#11b
#11a
#119
#10b
#10a
#109
名前付き
darkblue
navy
indigo
mediumblue
midnightblue
darkslateblue
rebeccapurple
blue
purple
darkmagenta
darkslategray
slateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-240 : 10
-225 : 25
-210 : 40
-195 : 55
-180 : 70
-165 : 85
-150 : 100
-135 : 115
-120 : 130
-105 : 145
-90 : 160
-75 : 175
-60 : 190
-45 : 205
-30 : 220
-15 : 235
-10 : 240
-5 : 245
-2 : 248
±0 : 250
+2 : 252
+5 : 255
+10 : 260
+15 : 265
+30 : 280
+45 : 295
+60 : 310
+75 : 325
+90 : 340
+105 : 355
彩度
+7 : 100
+3 : 96
+2 : 95
±0 : 93
-1 : 92
-2 : 91
-3 : 90
-5 : 88
-9 : 84
-13 : 80
-17 : 76
-21 : 72
-25 : 68
-29 : 64
-33 : 60
-37 : 56
-41 : 52
-43 : 50
-45 : 48
-49 : 44
-53 : 40
-57 : 36
-61 : 32
-65 : 28
-69 : 24
-73 : 20
-77 : 16
-81 : 12
-85 : 8
-89 : 4
-93 : 0
明度
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
白
-2 : 0
±0 : 2
+2 : 4
+3 : 5
+6 : 8
+10 : 12
+14 : 16
+18 : 20
+22 : 24
+26 : 28
+30 : 32
+34 : 36
+38 : 40
+42 : 44
+46 : 48
+48 : 50
+50 : 52
+54 : 56
+58 : 60
+62 : 64
+66 : 68
+70 : 72
+74 : 76
+78 : 80
+82 : 84
+86 : 88
+90 : 92
+94 : 96
+98 : 100
黒
-36 : 0
-32 : 4
-28 : 8
-24 : 12
-20 : 16
-16 : 20
-12 : 24
-8 : 28
-4 : 32
-3 : 33
-2 : 34
±0 : 36
+2 : 38
+3 : 39
+4 : 40
+8 : 44
+12 : 48
+14 : 50
+16 : 52
+20 : 56
+24 : 60
+28 : 64
+32 : 68
+36 : 72
+40 : 76
+44 : 80
+48 : 84
+52 : 88
+56 : 92
+60 : 96
+64 : 100
赤
+223 : 255
+206 : 238
+189 : 221
+172 : 204
+155 : 187
+138 : 170
+121 : 153
+104 : 136
+87 : 119
+70 : 102
+53 : 85
+36 : 68
+19 : 51
+8 : 40
+4 : 36
+2 : 34
+1 : 33
±0 : 32
-1 : 31
-2 : 30
-4 : 28
-8 : 24
-15 : 17
-32 : 0
緑
+249 : 255
+232 : 238
+215 : 221
+198 : 204
+181 : 187
+164 : 170
+147 : 153
+130 : 136
+113 : 119
+96 : 102
+79 : 85
+62 : 68
+45 : 51
+28 : 34
+11 : 17
+8 : 14
+4 : 10
+2 : 8
+1 : 7
±0 : 6
-1 : 5
-2 : 4
-4 : 2
-6 : 0
青
+93 : 255
+76 : 238
+59 : 221
+42 : 204
+25 : 187
+8 : 170
+4 : 166
+2 : 164
+1 : 163
±0 : 162
-1 : 161
-2 : 160
-4 : 158
-8 : 154
-9 : 153
-26 : 136
-43 : 119
-60 : 102
-77 : 85
-94 : 68
-111 : 51
-128 : 34
-145 : 17
-162 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000