色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#cb0a9e
データ
赤
203
緑
10
青
158
色相
314°
白
4%
黒
20%
彩度
91%
明度
42%
輝度
33%
色調 = 強い
色相 = 314°
3桁
#d2a
#d29
#d28
#d1a
#d19
#d18
#d0a
#d09
#d08
#c2a
#c29
#c28
#c1a
#c19
#c18
#c0a
#c09
#c08
#b2a
#b29
#b28
#b1a
#b19
#b18
#b0a
#b09
#b08
名前付き
mediumvioletred
deeppink
darkmagenta
darkviolet
darkorchid
purple
mediumorchid
blueviolet
crimson
palevioletred
indianred
rebeccapurple
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 14
-285 : 29
-270 : 44
-255 : 59
-240 : 74
-225 : 89
-210 : 104
-195 : 119
-180 : 134
-165 : 149
-150 : 164
-135 : 179
-120 : 194
-105 : 209
-90 : 224
-75 : 239
-60 : 254
-45 : 269
-30 : 284
-15 : 299
-10 : 304
-5 : 309
-2 : 312
±0 : 314
+2 : 316
+5 : 319
+10 : 324
+15 : 329
+30 : 344
+45 : 359
彩度
+9 : 100
+5 : 96
+3 : 94
+2 : 93
+1 : 92
±0 : 91
-2 : 89
-3 : 88
-7 : 84
-11 : 80
-15 : 76
-19 : 72
-23 : 68
-27 : 64
-31 : 60
-35 : 56
-39 : 52
-41 : 50
-43 : 48
-47 : 44
-51 : 40
-55 : 36
-59 : 32
-63 : 28
-67 : 24
-71 : 20
-75 : 16
-79 : 12
-83 : 8
-87 : 4
-91 : 0
明度
+58 : 100
+54 : 96
+50 : 92
+46 : 88
+42 : 84
+38 : 80
+34 : 76
+30 : 72
+26 : 68
+22 : 64
+18 : 60
+14 : 56
+10 : 52
+8 : 50
+6 : 48
+3 : 45
+2 : 44
±0 : 42
-2 : 40
-3 : 39
-6 : 36
-10 : 32
-14 : 28
-18 : 24
-22 : 20
-26 : 16
-30 : 12
-34 : 8
-38 : 4
-42 : 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
黒
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
赤
+52 : 255
+35 : 238
+18 : 221
+8 : 211
+4 : 207
+2 : 205
+1 : 204
±0 : 203
-1 : 202
-2 : 201
-4 : 199
-8 : 195
-16 : 187
-33 : 170
-50 : 153
-67 : 136
-84 : 119
-101 : 102
-118 : 85
-135 : 68
-152 : 51
-169 : 34
-186 : 17
-203 : 0
緑
+245 : 255
+228 : 238
+211 : 221
+194 : 204
+177 : 187
+160 : 170
+143 : 153
+126 : 136
+109 : 119
+92 : 102
+75 : 85
+58 : 68
+41 : 51
+24 : 34
+8 : 18
+7 : 17
+4 : 14
+2 : 12
+1 : 11
±0 : 10
-1 : 9
-2 : 8
-4 : 6
-8 : 2
-10 : 0
青
+97 : 255
+80 : 238
+63 : 221
+46 : 204
+29 : 187
+12 : 170
+8 : 166
+4 : 162
+2 : 160
+1 : 159
±0 : 158
-1 : 157
-2 : 156
-4 : 154
-5 : 153
-8 : 150
-22 : 136
-39 : 119
-56 : 102
-73 : 85
-90 : 68
-107 : 51
-124 : 34
-141 : 17
-158 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000