色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#dc7fa3
データ
赤
220
緑
127
青
163
色相
337°
白
50%
黒
14%
彩度
57%
明度
68%
輝度
62%
色調 = 輝かしい
色相 = 337°
3桁
#e8b
#e8a
#e89
#e7b
#e7a
#e79
#e6b
#e6a
#e69
#d8b
#d8a
#d89
#d7b
#d7a
#d79
#d6b
#d6a
#d69
#c8b
#c8a
#c89
#c7b
#c7a
#c79
#c6b
#c6a
#c69
名前付き
palevioletred
lightcoral
rosybrown
hotpink
darksalmon
orchid
salmon
tan
lightsalmon
burlywood
darkgray
plum
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-330 : 7
-315 : 22
-300 : 37
-285 : 52
-270 : 67
-255 : 82
-240 : 97
-225 : 112
-210 : 127
-195 : 142
-180 : 157
-165 : 172
-150 : 187
-135 : 202
-120 : 217
-105 : 232
-90 : 247
-75 : 262
-60 : 277
-45 : 292
-30 : 307
-15 : 322
-10 : 327
-5 : 332
-2 : 335
±0 : 337
+2 : 339
+5 : 342
+10 : 347
+15 : 352
彩度
+43 : 100
+39 : 96
+35 : 92
+31 : 88
+27 : 84
+23 : 80
+19 : 76
+15 : 72
+11 : 68
+7 : 64
+3 : 60
+2 : 59
±0 : 57
-1 : 56
-2 : 55
-3 : 54
-5 : 52
-7 : 50
-9 : 48
-13 : 44
-17 : 40
-21 : 36
-25 : 32
-29 : 28
-33 : 24
-37 : 20
-41 : 16
-45 : 12
-49 : 8
-53 : 4
-57 : 0
明度
+32 : 100
+28 : 96
+24 : 92
+20 : 88
+16 : 84
+12 : 80
+8 : 76
+4 : 72
+3 : 71
+2 : 70
±0 : 68
-2 : 66
-3 : 65
-4 : 64
-8 : 60
-12 : 56
-16 : 52
-18 : 50
-20 : 48
-24 : 44
-28 : 40
-32 : 36
-36 : 32
-40 : 28
-44 : 24
-48 : 20
-52 : 16
-56 : 12
-60 : 8
-64 : 4
-68 : 0
白
-50 : 0
-46 : 4
-42 : 8
-38 : 12
-34 : 16
-30 : 20
-26 : 24
-22 : 28
-18 : 32
-14 : 36
-10 : 40
-6 : 44
-3 : 47
-2 : 48
±0 : 50
+2 : 52
+3 : 53
+6 : 56
+10 : 60
+14 : 64
+18 : 68
+22 : 72
+26 : 76
+30 : 80
+34 : 84
+38 : 88
+42 : 92
+46 : 96
+50 : 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
緑
+128 : 255
+111 : 238
+94 : 221
+77 : 204
+60 : 187
+43 : 170
+26 : 153
+9 : 136
+8 : 135
+4 : 131
+2 : 129
+1 : 128
±0 : 127
-1 : 126
-2 : 125
-4 : 123
-8 : 119
-25 : 102
-42 : 85
-59 : 68
-76 : 51
-93 : 34
-110 : 17
-127 : 0
青
+92 : 255
+75 : 238
+58 : 221
+41 : 204
+24 : 187
+8 : 171
+7 : 170
+4 : 167
+2 : 165
+1 : 164
±0 : 163
-1 : 162
-2 : 161
-4 : 159
-8 : 155
-10 : 153
-27 : 136
-44 : 119
-61 : 102
-78 : 85
-95 : 68
-112 : 51
-129 : 34
-146 : 17
-163 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000