色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#cc69cd
データ
赤
204
緑
105
青
205
色相
299°
白
41%
黒
20%
彩度
50%
明度
61%
輝度
57%
色調 = 柔らかい
色相 = 299°
3桁
#d7d
#d7c
#d7b
#d6d
#d6c
#d6b
#d5d
#d5c
#d5b
#c7d
#c7c
#c7b
#c6d
#c6c
#c6b
#c5d
#c5c
#c5b
#b7d
#b7c
#b7b
#b6d
#b6c
#b6b
#b5d
#b5c
#b5b
名前付き
orchid
mediumorchid
violet
hotpink
mediumpurple
plum
palevioletred
rosybrown
darkorchid
darkgray
mediumslateblue
thistle
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-285 : 14
-270 : 29
-255 : 44
-240 : 59
-225 : 74
-210 : 89
-195 : 104
-180 : 119
-165 : 134
-150 : 149
-135 : 164
-120 : 179
-105 : 194
-90 : 209
-75 : 224
-60 : 239
-45 : 254
-30 : 269
-15 : 284
-10 : 289
-5 : 294
-2 : 297
±0 : 299
+2 : 301
+5 : 304
+10 : 309
+15 : 314
+30 : 329
+45 : 344
+60 : 359
彩度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
明度
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 0
白
-41 : 0
-37 : 4
-33 : 8
-29 : 12
-25 : 16
-21 : 20
-17 : 24
-13 : 28
-9 : 32
-5 : 36
-3 : 38
-2 : 39
-1 : 40
±0 : 41
+2 : 43
+3 : 44
+7 : 48
+9 : 50
+11 : 52
+15 : 56
+19 : 60
+23 : 64
+27 : 68
+31 : 72
+35 : 76
+39 : 80
+43 : 84
+47 : 88
+51 : 92
+55 : 96
+59 : 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
赤
+51 : 255
+34 : 238
+17 : 221
+8 : 212
+4 : 208
+2 : 206
+1 : 205
±0 : 204
-1 : 203
-2 : 202
-4 : 200
-8 : 196
-17 : 187
-34 : 170
-51 : 153
-68 : 136
-85 : 119
-102 : 102
-119 : 85
-136 : 68
-153 : 51
-170 : 34
-187 : 17
-204 : 0
緑
+150 : 255
+133 : 238
+116 : 221
+99 : 204
+82 : 187
+65 : 170
+48 : 153
+31 : 136
+14 : 119
+8 : 113
+4 : 109
+2 : 107
+1 : 106
±0 : 105
-1 : 104
-2 : 103
-3 : 102
-4 : 101
-8 : 97
-20 : 85
-37 : 68
-54 : 51
-71 : 34
-88 : 17
-105 : 0
青
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000