色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#f451ee
データ
赤
244
緑
81
青
238
色相
302°
白
32%
黒
4%
彩度
88%
明度
64%
輝度
58%
色調 = 輝かしい
色相 = 302°
3桁
#f6f
#f6e
#f6d
#f5f
#f5e
#f5d
#f4f
#f4e
#f4d
#e6f
#e6e
#e6d
#e5f
#e5e
#e5d
#e4f
#e4e
#e4d
#d6f
#d6e
#d6d
#d5f
#d5e
#d5d
#d4f
#d4e
#d4d
名前付き
orchid
violet
hotpink
mediumorchid
fuchsia
plum
palevioletred
darkorchid
mediumpurple
deeppink
lightpink
blueviolet
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 2
-285 : 17
-270 : 32
-255 : 47
-240 : 62
-225 : 77
-210 : 92
-195 : 107
-180 : 122
-165 : 137
-150 : 152
-135 : 167
-120 : 182
-105 : 197
-90 : 212
-75 : 227
-60 : 242
-45 : 257
-30 : 272
-15 : 287
-10 : 292
-5 : 297
-2 : 300
±0 : 302
+2 : 304
+5 : 307
+10 : 312
+15 : 317
+30 : 332
+45 : 347
彩度
+12 : 100
+8 : 96
+4 : 92
+3 : 91
+2 : 90
±0 : 88
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-12 : 76
-16 : 72
-20 : 68
-24 : 64
-28 : 60
-32 : 56
-36 : 52
-38 : 50
-40 : 48
-44 : 44
-48 : 40
-52 : 36
-56 : 32
-60 : 28
-64 : 24
-68 : 20
-72 : 16
-76 : 12
-80 : 8
-84 : 4
-88 : 0
明度
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
白
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
黒
-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
赤
+11 : 255
+8 : 252
+4 : 248
+2 : 246
+1 : 245
±0 : 244
-1 : 243
-2 : 242
-4 : 240
-6 : 238
-8 : 236
-23 : 221
-40 : 204
-57 : 187
-74 : 170
-91 : 153
-108 : 136
-125 : 119
-142 : 102
-159 : 85
-176 : 68
-193 : 51
-210 : 34
-227 : 17
-244 : 0
緑
+174 : 255
+157 : 238
+140 : 221
+123 : 204
+106 : 187
+89 : 170
+72 : 153
+55 : 136
+38 : 119
+21 : 102
+8 : 89
+4 : 85
+2 : 83
+1 : 82
±0 : 81
-1 : 80
-2 : 79
-4 : 77
-8 : 73
-13 : 68
-30 : 51
-47 : 34
-64 : 17
-81 : 0
青
+17 : 255
+8 : 246
+4 : 242
+2 : 240
+1 : 239
±0 : 238
-1 : 237
-2 : 236
-4 : 234
-8 : 230
-17 : 221
-34 : 204
-51 : 187
-68 : 170
-85 : 153
-102 : 136
-119 : 119
-136 : 102
-153 : 85
-170 : 68
-187 : 51
-204 : 34
-221 : 17
-238 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000