色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#330391
データ
赤
51
緑
3
青
145
色相
260°
白
1%
黒
43%
彩度
96%
明度
29%
輝度
13%
色調 = 深い
色相 = 260°
3桁
#42a
#429
#428
#41a
#419
#418
#40a
#409
#408
#32a
#329
#328
#31a
#319
#318
#30a
#309
#308
#22a
#229
#228
#21a
#219
#218
#20a
#209
#208
名前付き
indigo
midnightblue
darkblue
navy
darkslateblue
rebeccapurple
mediumblue
purple
darkmagenta
darkslategray
darkviolet
slateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-255 : 5
-240 : 20
-225 : 35
-210 : 50
-195 : 65
-180 : 80
-165 : 95
-150 : 110
-135 : 125
-120 : 140
-105 : 155
-90 : 170
-75 : 185
-60 : 200
-45 : 215
-30 : 230
-15 : 245
-10 : 250
-5 : 255
-2 : 258
±0 : 260
+2 : 262
+5 : 265
+10 : 270
+15 : 275
+30 : 290
+45 : 305
+60 : 320
+75 : 335
+90 : 350
彩度
+4 : 100
+3 : 99
+2 : 98
±0 : 96
-2 : 94
-3 : 93
-4 : 92
-8 : 88
-12 : 84
-16 : 80
-20 : 76
-24 : 72
-28 : 68
-32 : 64
-36 : 60
-40 : 56
-44 : 52
-46 : 50
-48 : 48
-52 : 44
-56 : 40
-60 : 36
-64 : 32
-68 : 28
-72 : 24
-76 : 20
-80 : 16
-84 : 12
-88 : 8
-92 : 4
-96 : 0
明度
+71 : 100
+67 : 96
+63 : 92
+59 : 88
+55 : 84
+51 : 80
+47 : 76
+43 : 72
+39 : 68
+35 : 64
+31 : 60
+27 : 56
+23 : 52
+21 : 50
+19 : 48
+15 : 44
+11 : 40
+7 : 36
+3 : 32
+2 : 31
±0 : 29
-1 : 28
-2 : 27
-3 : 26
-5 : 24
-9 : 20
-13 : 16
-17 : 12
-21 : 8
-25 : 4
-29 : 0
白
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
黒
-43 : 0
-39 : 4
-35 : 8
-31 : 12
-27 : 16
-23 : 20
-19 : 24
-15 : 28
-11 : 32
-7 : 36
-3 : 40
-2 : 41
±0 : 43
+1 : 44
+2 : 45
+3 : 46
+5 : 48
+7 : 50
+9 : 52
+13 : 56
+17 : 60
+21 : 64
+25 : 68
+29 : 72
+33 : 76
+37 : 80
+41 : 84
+45 : 88
+49 : 92
+53 : 96
+57 : 100
赤
+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
緑
+252 : 255
+235 : 238
+218 : 221
+201 : 204
+184 : 187
+167 : 170
+150 : 153
+133 : 136
+116 : 119
+99 : 102
+82 : 85
+65 : 68
+48 : 51
+31 : 34
+14 : 17
+8 : 11
+4 : 7
+2 : 5
+1 : 4
±0 : 3
-1 : 2
-2 : 1
-3 : 0
青
+110 : 255
+93 : 238
+76 : 221
+59 : 204
+42 : 187
+25 : 170
+8 : 153
+4 : 149
+2 : 147
+1 : 146
±0 : 145
-1 : 144
-2 : 143
-4 : 141
-8 : 137
-9 : 136
-26 : 119
-43 : 102
-60 : 85
-77 : 68
-94 : 51
-111 : 34
-128 : 17
-145 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000