色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dc84ce
データ
赤
220
緑
132
青
206
色相
310°
白
52%
黒
14%
彩度
56%
明度
69%
輝度
65%
色調 = 輝かしい
色相 = 310°
3桁
#e9d
#e9c
#e9b
#e8d
#e8c
#e8b
#e7d
#e7c
#e7b
#d9d
#d9c
#d9b
#d8d
#d8c
#d8b
#d7d
#d7c
#d7b
#c9d
#c9c
#c9b
#c8d
#c8c
#c8b
#c7d
#c7c
#c7b
名前付き
orchid
plum
violet
hotpink
mediumorchid
thistle
palevioletred
lightpink
silver
pink
rosybrown
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 10
-285 : 25
-270 : 40
-255 : 55
-240 : 70
-225 : 85
-210 : 100
-195 : 115
-180 : 130
-165 : 145
-150 : 160
-135 : 175
-120 : 190
-105 : 205
-90 : 220
-75 : 235
-60 : 250
-45 : 265
-30 : 280
-15 : 295
-10 : 300
-5 : 305
-2 : 308
±0 : 310
+2 : 312
+5 : 315
+10 : 320
+15 : 325
+30 : 340
+45 : 355
彩度
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
明度
+31 : 100
+27 : 96
+23 : 92
+19 : 88
+15 : 84
+11 : 80
+7 : 76
+3 : 72
+2 : 71
±0 : 69
-1 : 68
-2 : 67
-3 : 66
-5 : 64
-9 : 60
-13 : 56
-17 : 52
-19 : 50
-21 : 48
-25 : 44
-29 : 40
-33 : 36
-37 : 32
-41 : 28
-45 : 24
-49 : 20
-53 : 16
-57 : 12
-61 : 8
-65 : 4
-69 : 0
白
-52 : 0
-48 : 4
-44 : 8
-40 : 12
-36 : 16
-32 : 20
-28 : 24
-24 : 28
-20 : 32
-16 : 36
-12 : 40
-8 : 44
-4 : 48
-3 : 49
-2 : 50
±0 : 52
+2 : 54
+3 : 55
+4 : 56
+8 : 60
+12 : 64
+16 : 68
+20 : 72
+24 : 76
+28 : 80
+32 : 84
+36 : 88
+40 : 92
+44 : 96
+48 : 100
黒
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
赤
+35 : 255
+18 : 238
+8 : 228
+4 : 224
+2 : 222
+1 : 221
±0 : 220
-1 : 219
-2 : 218
-4 : 216
-8 : 212
-16 : 204
-33 : 187
-50 : 170
-67 : 153
-84 : 136
-101 : 119
-118 : 102
-135 : 85
-152 : 68
-169 : 51
-186 : 34
-203 : 17
-220 : 0
緑
+123 : 255
+106 : 238
+89 : 221
+72 : 204
+55 : 187
+38 : 170
+21 : 153
+8 : 140
+4 : 136
+2 : 134
+1 : 133
±0 : 132
-1 : 131
-2 : 130
-4 : 128
-8 : 124
-13 : 119
-30 : 102
-47 : 85
-64 : 68
-81 : 51
-98 : 34
-115 : 17
-132 : 0
青
+49 : 255
+32 : 238
+15 : 221
+8 : 214
+4 : 210
+2 : 208
+1 : 207
±0 : 206
-1 : 205
-2 : 204
-4 : 202
-8 : 198
-19 : 187
-36 : 170
-53 : 153
-70 : 136
-87 : 119
-104 : 102
-121 : 85
-138 : 68
-155 : 51
-172 : 34
-189 : 17
-206 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000