色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#c19bd6
データ
赤
193
緑
155
青
214
色相
279°
白
61%
黒
16%
彩度
42%
明度
72%
輝度
68%
色調 = 輝かしい
色相 = 279°
3桁
#cae
#cad
#cac
#c9e
#c9d
#c9c
#c8e
#c8d
#c8c
#bae
#bad
#bac
#b9e
#b9d
#b9c
#b8e
#b8d
#b8c
#aae
#aad
#aac
#a9e
#a9d
#a9c
#a8e
#a8d
#a8c
名前付き
plum
thistle
silver
lightsteelblue
orchid
darkgray
violet
lightgray
mediumpurple
lightblue
mediumorchid
gainsboro
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-270 : 9
-255 : 24
-240 : 39
-225 : 54
-210 : 69
-195 : 84
-180 : 99
-165 : 114
-150 : 129
-135 : 144
-120 : 159
-105 : 174
-90 : 189
-75 : 204
-60 : 219
-45 : 234
-30 : 249
-15 : 264
-10 : 269
-5 : 274
-2 : 277
±0 : 279
+2 : 281
+5 : 284
+10 : 289
+15 : 294
+30 : 309
+45 : 324
+60 : 339
+75 : 354
彩度
+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
明度
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
白
-61 : 0
-57 : 4
-53 : 8
-49 : 12
-45 : 16
-41 : 20
-37 : 24
-33 : 28
-29 : 32
-25 : 36
-21 : 40
-17 : 44
-13 : 48
-11 : 50
-9 : 52
-5 : 56
-3 : 58
-2 : 59
-1 : 60
±0 : 61
+2 : 63
+3 : 64
+7 : 68
+11 : 72
+15 : 76
+19 : 80
+23 : 84
+27 : 88
+31 : 92
+35 : 96
+39 : 100
黒
-16 : 0
-12 : 4
-8 : 8
-4 : 12
-3 : 13
-2 : 14
±0 : 16
+2 : 18
+3 : 19
+4 : 20
+8 : 24
+12 : 28
+16 : 32
+20 : 36
+24 : 40
+28 : 44
+32 : 48
+34 : 50
+36 : 52
+40 : 56
+44 : 60
+48 : 64
+52 : 68
+56 : 72
+60 : 76
+64 : 80
+68 : 84
+72 : 88
+76 : 92
+80 : 96
+84 : 100
赤
+62 : 255
+45 : 238
+28 : 221
+11 : 204
+8 : 201
+4 : 197
+2 : 195
+1 : 194
±0 : 193
-1 : 192
-2 : 191
-4 : 189
-6 : 187
-8 : 185
-23 : 170
-40 : 153
-57 : 136
-74 : 119
-91 : 102
-108 : 85
-125 : 68
-142 : 51
-159 : 34
-176 : 17
-193 : 0
緑
+100 : 255
+83 : 238
+66 : 221
+49 : 204
+32 : 187
+15 : 170
+8 : 163
+4 : 159
+2 : 157
+1 : 156
±0 : 155
-1 : 154
-2 : 153
-4 : 151
-8 : 147
-19 : 136
-36 : 119
-53 : 102
-70 : 85
-87 : 68
-104 : 51
-121 : 34
-138 : 17
-155 : 0
青
+41 : 255
+24 : 238
+8 : 222
+7 : 221
+4 : 218
+2 : 216
+1 : 215
±0 : 214
-1 : 213
-2 : 212
-4 : 210
-8 : 206
-10 : 204
-27 : 187
-44 : 170
-61 : 153
-78 : 136
-95 : 119
-112 : 102
-129 : 85
-146 : 68
-163 : 51
-180 : 34
-197 : 17
-214 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000