色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#640169
データ
赤
100
緑
1
青
105
色相
297°
白
0%
黒
59%
彩度
98%
明度
21%
輝度
17%
色調 = 深い
色相 = 297°
3桁
#727
#726
#725
#717
#716
#715
#707
#706
#705
#627
#626
#625
#617
#616
#615
#607
#606
#605
#527
#526
#525
#517
#516
#515
#507
#506
#505
名前付き
indigo
purple
darkmagenta
rebeccapurple
darkslateblue
midnightblue
darkslategray
brown
navy
dimgray
mediumvioletred
darkblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 12
-270 : 27
-255 : 42
-240 : 57
-225 : 72
-210 : 87
-195 : 102
-180 : 117
-165 : 132
-150 : 147
-135 : 162
-120 : 177
-105 : 192
-90 : 207
-75 : 222
-60 : 237
-45 : 252
-30 : 267
-15 : 282
-10 : 287
-5 : 292
-2 : 295
±0 : 297
+2 : 299
+5 : 302
+10 : 307
+15 : 312
+30 : 327
+45 : 342
+60 : 357
彩度
+2 : 100
±0 : 98
-2 : 96
-3 : 95
-6 : 92
-10 : 88
-14 : 84
-18 : 80
-22 : 76
-26 : 72
-30 : 68
-34 : 64
-38 : 60
-42 : 56
-46 : 52
-48 : 50
-50 : 48
-54 : 44
-58 : 40
-62 : 36
-66 : 32
-70 : 28
-74 : 24
-78 : 20
-82 : 16
-86 : 12
-90 : 8
-94 : 4
-98 : 0
明度
+79 : 100
+75 : 96
+71 : 92
+67 : 88
+63 : 84
+59 : 80
+55 : 76
+51 : 72
+47 : 68
+43 : 64
+39 : 60
+35 : 56
+31 : 52
+29 : 50
+27 : 48
+23 : 44
+19 : 40
+15 : 36
+11 : 32
+7 : 28
+3 : 24
+2 : 23
±0 : 21
-1 : 20
-2 : 19
-3 : 18
-5 : 16
-9 : 12
-13 : 8
-17 : 4
-21 : 0
白
±0 : 0
+2 : 2
+3 : 3
+4 : 4
+8 : 8
+12 : 12
+16 : 16
+20 : 20
+24 : 24
+28 : 28
+32 : 32
+36 : 36
+40 : 40
+44 : 44
+48 : 48
+50 : 50
+52 : 52
+56 : 56
+60 : 60
+64 : 64
+68 : 68
+72 : 72
+76 : 76
+80 : 80
+84 : 84
+88 : 88
+92 : 92
+96 : 96
+100 : 100
黒
-59 : 0
-55 : 4
-51 : 8
-47 : 12
-43 : 16
-39 : 20
-35 : 24
-31 : 28
-27 : 32
-23 : 36
-19 : 40
-15 : 44
-11 : 48
-9 : 50
-7 : 52
-3 : 56
-2 : 57
±0 : 59
+1 : 60
+2 : 61
+3 : 62
+5 : 64
+9 : 68
+13 : 72
+17 : 76
+21 : 80
+25 : 84
+29 : 88
+33 : 92
+37 : 96
+41 : 100
赤
+155 : 255
+138 : 238
+121 : 221
+104 : 204
+87 : 187
+70 : 170
+53 : 153
+36 : 136
+19 : 119
+8 : 108
+4 : 104
+2 : 102
+1 : 101
±0 : 100
-1 : 99
-2 : 98
-4 : 96
-8 : 92
-15 : 85
-32 : 68
-49 : 51
-66 : 34
-83 : 17
-100 : 0
緑
+254 : 255
+237 : 238
+220 : 221
+203 : 204
+186 : 187
+169 : 170
+152 : 153
+135 : 136
+118 : 119
+101 : 102
+84 : 85
+67 : 68
+50 : 51
+33 : 34
+16 : 17
+8 : 9
+4 : 5
+2 : 3
+1 : 2
±0 : 1
-1 : 0
青
+150 : 255
+133 : 238
+116 : 221
+99 : 204
+82 : 187
+65 : 170
+48 : 153
+31 : 136
+14 : 119
+8 : 113
+4 : 109
+2 : 107
+1 : 106
±0 : 105
-1 : 104
-2 : 103
-3 : 102
-4 : 101
-8 : 97
-20 : 85
-37 : 68
-54 : 51
-71 : 34
-88 : 17
-105 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000