色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7c579d
データ
赤
124
緑
87
青
157
色相
272°
白
34%
黒
38%
彩度
29%
明度
48%
輝度
42%
色調 = 灰色がかった
色相 = 272°
3桁
#86a
#869
#868
#85a
#859
#858
#84a
#849
#848
#76a
#769
#768
#75a
#759
#758
#74a
#749
#748
#66a
#669
#668
#65a
#659
#658
#64a
#649
#648
名前付き
rebeccapurple
slategray
lightslategray
gray
slateblue
dimgray
darkslateblue
darkorchid
mediumpurple
steelblue
cadetblue
mediumorchid
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 2
-255 : 17
-240 : 32
-225 : 47
-210 : 62
-195 : 77
-180 : 92
-165 : 107
-150 : 122
-135 : 137
-120 : 152
-105 : 167
-90 : 182
-75 : 197
-60 : 212
-45 : 227
-30 : 242
-15 : 257
-10 : 262
-5 : 267
-2 : 270
±0 : 272
+2 : 274
+5 : 277
+10 : 282
+15 : 287
+30 : 302
+45 : 317
+60 : 332
+75 : 347
彩度
+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
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 0
白
-34 : 0
-30 : 4
-26 : 8
-22 : 12
-18 : 16
-14 : 20
-10 : 24
-6 : 28
-3 : 31
-2 : 32
±0 : 34
+2 : 36
+3 : 37
+6 : 40
+10 : 44
+14 : 48
+16 : 50
+18 : 52
+22 : 56
+26 : 60
+30 : 64
+34 : 68
+38 : 72
+42 : 76
+46 : 80
+50 : 84
+54 : 88
+58 : 92
+62 : 96
+66 : 100
黒
-38 : 0
-34 : 4
-30 : 8
-26 : 12
-22 : 16
-18 : 20
-14 : 24
-10 : 28
-6 : 32
-3 : 35
-2 : 36
±0 : 38
+2 : 40
+3 : 41
+6 : 44
+10 : 48
+12 : 50
+14 : 52
+18 : 56
+22 : 60
+26 : 64
+30 : 68
+34 : 72
+38 : 76
+42 : 80
+46 : 84
+50 : 88
+54 : 92
+58 : 96
+62 : 100
赤
+131 : 255
+114 : 238
+97 : 221
+80 : 204
+63 : 187
+46 : 170
+29 : 153
+12 : 136
+8 : 132
+4 : 128
+2 : 126
+1 : 125
±0 : 124
-1 : 123
-2 : 122
-4 : 120
-5 : 119
-8 : 116
-22 : 102
-39 : 85
-56 : 68
-73 : 51
-90 : 34
-107 : 17
-124 : 0
緑
+168 : 255
+151 : 238
+134 : 221
+117 : 204
+100 : 187
+83 : 170
+66 : 153
+49 : 136
+32 : 119
+15 : 102
+8 : 95
+4 : 91
+2 : 89
+1 : 88
±0 : 87
-1 : 86
-2 : 85
-4 : 83
-8 : 79
-19 : 68
-36 : 51
-53 : 34
-70 : 17
-87 : 0
青
+98 : 255
+81 : 238
+64 : 221
+47 : 204
+30 : 187
+13 : 170
+8 : 165
+4 : 161
+2 : 159
+1 : 158
±0 : 157
-1 : 156
-2 : 155
-4 : 153
-8 : 149
-21 : 136
-38 : 119
-55 : 102
-72 : 85
-89 : 68
-106 : 51
-123 : 34
-140 : 17
-157 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000