色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7c0ba4
データ
赤
124
緑
11
青
164
色相
284°
白
4%
黒
36%
彩度
87%
明度
34%
輝度
24%
色調 = 深い
色相 = 284°
3桁
#82b
#82a
#829
#81b
#81a
#819
#80b
#80a
#809
#72b
#72a
#729
#71b
#71a
#719
#70b
#70a
#709
#62b
#62a
#629
#61b
#61a
#619
#60b
#60a
#609
名前付き
darkmagenta
purple
rebeccapurple
darkviolet
indigo
darkorchid
blueviolet
darkslateblue
mediumvioletred
slateblue
mediumorchid
dimgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 14
-255 : 29
-240 : 44
-225 : 59
-210 : 74
-195 : 89
-180 : 104
-165 : 119
-150 : 134
-135 : 149
-120 : 164
-105 : 179
-90 : 194
-75 : 209
-60 : 224
-45 : 239
-30 : 254
-15 : 269
-10 : 274
-5 : 279
-2 : 282
±0 : 284
+2 : 286
+5 : 289
+10 : 294
+15 : 299
+30 : 314
+45 : 329
+60 : 344
+75 : 359
彩度
+13 : 100
+9 : 96
+5 : 92
+3 : 90
+2 : 89
+1 : 88
±0 : 87
-2 : 85
-3 : 84
-7 : 80
-11 : 76
-15 : 72
-19 : 68
-23 : 64
-27 : 60
-31 : 56
-35 : 52
-37 : 50
-39 : 48
-43 : 44
-47 : 40
-51 : 36
-55 : 32
-59 : 28
-63 : 24
-67 : 20
-71 : 16
-75 : 12
-79 : 8
-83 : 4
-87 : 0
明度
+66 : 100
+62 : 96
+58 : 92
+54 : 88
+50 : 84
+46 : 80
+42 : 76
+38 : 72
+34 : 68
+30 : 64
+26 : 60
+22 : 56
+18 : 52
+16 : 50
+14 : 48
+10 : 44
+6 : 40
+3 : 37
+2 : 36
±0 : 34
-2 : 32
-3 : 31
-6 : 28
-10 : 24
-14 : 20
-18 : 16
-22 : 12
-26 : 8
-30 : 4
-34 : 0
白
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 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
黒
-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
赤
+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
緑
+244 : 255
+227 : 238
+210 : 221
+193 : 204
+176 : 187
+159 : 170
+142 : 153
+125 : 136
+108 : 119
+91 : 102
+74 : 85
+57 : 68
+40 : 51
+23 : 34
+8 : 19
+6 : 17
+4 : 15
+2 : 13
+1 : 12
±0 : 11
-1 : 10
-2 : 9
-4 : 7
-8 : 3
-11 : 0
青
+91 : 255
+74 : 238
+57 : 221
+40 : 204
+23 : 187
+8 : 172
+6 : 170
+4 : 168
+2 : 166
+1 : 165
±0 : 164
-1 : 163
-2 : 162
-4 : 160
-8 : 156
-11 : 153
-28 : 136
-45 : 119
-62 : 102
-79 : 85
-96 : 68
-113 : 51
-130 : 34
-147 : 17
-164 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000