色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c68fd4
データ
赤
198
緑
143
青
212
色相
288°
白
56%
黒
17%
彩度
45%
明度
70%
輝度
66%
色調 = 輝かしい
色相 = 288°
3桁
#d9d
#d9c
#d9b
#d8d
#d8c
#d8b
#d7d
#d7c
#d7b
#c9d
#c9c
#c9b
#c8d
#c8c
#c8b
#c7d
#c7c
#c7b
#b9d
#b9c
#b9b
#b8d
#b8c
#b8b
#b7d
#b7c
#b7b
名前付き
plum
orchid
violet
thistle
silver
darkgray
lightsteelblue
mediumorchid
mediumpurple
lightgray
rosybrown
lightpink
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 3
-270 : 18
-255 : 33
-240 : 48
-225 : 63
-210 : 78
-195 : 93
-180 : 108
-165 : 123
-150 : 138
-135 : 153
-120 : 168
-105 : 183
-90 : 198
-75 : 213
-60 : 228
-45 : 243
-30 : 258
-15 : 273
-10 : 278
-5 : 283
-2 : 286
±0 : 288
+2 : 290
+5 : 293
+10 : 298
+15 : 303
+30 : 318
+45 : 333
+60 : 348
彩度
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
明度
+30 : 100
+26 : 96
+22 : 92
+18 : 88
+14 : 84
+10 : 80
+6 : 76
+3 : 73
+2 : 72
±0 : 70
-2 : 68
-3 : 67
-6 : 64
-10 : 60
-14 : 56
-18 : 52
-20 : 50
-22 : 48
-26 : 44
-30 : 40
-34 : 36
-38 : 32
-42 : 28
-46 : 24
-50 : 20
-54 : 16
-58 : 12
-62 : 8
-66 : 4
-70 : 0
白
-56 : 0
-52 : 4
-48 : 8
-44 : 12
-40 : 16
-36 : 20
-32 : 24
-28 : 28
-24 : 32
-20 : 36
-16 : 40
-12 : 44
-8 : 48
-6 : 50
-4 : 52
-3 : 53
-2 : 54
±0 : 56
+2 : 58
+3 : 59
+4 : 60
+8 : 64
+12 : 68
+16 : 72
+20 : 76
+24 : 80
+28 : 84
+32 : 88
+36 : 92
+40 : 96
+44 : 100
黒
-17 : 0
-13 : 4
-9 : 8
-5 : 12
-3 : 14
-2 : 15
-1 : 16
±0 : 17
+2 : 19
+3 : 20
+7 : 24
+11 : 28
+15 : 32
+19 : 36
+23 : 40
+27 : 44
+31 : 48
+33 : 50
+35 : 52
+39 : 56
+43 : 60
+47 : 64
+51 : 68
+55 : 72
+59 : 76
+63 : 80
+67 : 84
+71 : 88
+75 : 92
+79 : 96
+83 : 100
赤
+57 : 255
+40 : 238
+23 : 221
+8 : 206
+6 : 204
+4 : 202
+2 : 200
+1 : 199
±0 : 198
-1 : 197
-2 : 196
-4 : 194
-8 : 190
-11 : 187
-28 : 170
-45 : 153
-62 : 136
-79 : 119
-96 : 102
-113 : 85
-130 : 68
-147 : 51
-164 : 34
-181 : 17
-198 : 0
緑
+112 : 255
+95 : 238
+78 : 221
+61 : 204
+44 : 187
+27 : 170
+10 : 153
+8 : 151
+4 : 147
+2 : 145
+1 : 144
±0 : 143
-1 : 142
-2 : 141
-4 : 139
-7 : 136
-8 : 135
-24 : 119
-41 : 102
-58 : 85
-75 : 68
-92 : 51
-109 : 34
-126 : 17
-143 : 0
青
+43 : 255
+26 : 238
+9 : 221
+8 : 220
+4 : 216
+2 : 214
+1 : 213
±0 : 212
-1 : 211
-2 : 210
-4 : 208
-8 : 204
-25 : 187
-42 : 170
-59 : 153
-76 : 136
-93 : 119
-110 : 102
-127 : 85
-144 : 68
-161 : 51
-178 : 34
-195 : 17
-212 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000