色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#d77ed3
データ
赤
215
緑
126
青
211
色相
303°
白
49%
黒
16%
彩度
53%
明度
67%
輝度
64%
色調 = 柔らかい
色相 = 303°
3桁
#e8d
#e8c
#e8b
#e7d
#e7c
#e7b
#e6d
#e6c
#e6b
#d8d
#d8c
#d8b
#d7d
#d7c
#d7b
#d6d
#d6c
#d6b
#c8d
#c8c
#c8b
#c7d
#c7c
#c7b
#c6d
#c6c
#c6b
名前付き
orchid
violet
plum
mediumorchid
hotpink
thistle
palevioletred
mediumpurple
lightpink
silver
rosybrown
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-300 : 3
-285 : 18
-270 : 33
-255 : 48
-240 : 63
-225 : 78
-210 : 93
-195 : 108
-180 : 123
-165 : 138
-150 : 153
-135 : 168
-120 : 183
-105 : 198
-90 : 213
-75 : 228
-60 : 243
-45 : 258
-30 : 273
-15 : 288
-10 : 293
-5 : 298
-2 : 301
±0 : 303
+2 : 305
+5 : 308
+10 : 313
+15 : 318
+30 : 333
+45 : 348
彩度
+47 : 100
+43 : 96
+39 : 92
+35 : 88
+31 : 84
+27 : 80
+23 : 76
+19 : 72
+15 : 68
+11 : 64
+7 : 60
+3 : 56
+2 : 55
±0 : 53
-1 : 52
-2 : 51
-3 : 50
-5 : 48
-9 : 44
-13 : 40
-17 : 36
-21 : 32
-25 : 28
-29 : 24
-33 : 20
-37 : 16
-41 : 12
-45 : 8
-49 : 4
-53 : 0
明度
+33 : 100
+29 : 96
+25 : 92
+21 : 88
+17 : 84
+13 : 80
+9 : 76
+5 : 72
+3 : 70
+2 : 69
+1 : 68
±0 : 67
-2 : 65
-3 : 64
-7 : 60
-11 : 56
-15 : 52
-17 : 50
-19 : 48
-23 : 44
-27 : 40
-31 : 36
-35 : 32
-39 : 28
-43 : 24
-47 : 20
-51 : 16
-55 : 12
-59 : 8
-63 : 4
-67 : 0
白
-49 : 0
-45 : 4
-41 : 8
-37 : 12
-33 : 16
-29 : 20
-25 : 24
-21 : 28
-17 : 32
-13 : 36
-9 : 40
-5 : 44
-3 : 46
-2 : 47
-1 : 48
±0 : 49
+1 : 50
+2 : 51
+3 : 52
+7 : 56
+11 : 60
+15 : 64
+19 : 68
+23 : 72
+27 : 76
+31 : 80
+35 : 84
+39 : 88
+43 : 92
+47 : 96
+51 : 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
赤
+40 : 255
+23 : 238
+8 : 223
+6 : 221
+4 : 219
+2 : 217
+1 : 216
±0 : 215
-1 : 214
-2 : 213
-4 : 211
-8 : 207
-11 : 204
-28 : 187
-45 : 170
-62 : 153
-79 : 136
-96 : 119
-113 : 102
-130 : 85
-147 : 68
-164 : 51
-181 : 34
-198 : 17
-215 : 0
緑
+129 : 255
+112 : 238
+95 : 221
+78 : 204
+61 : 187
+44 : 170
+27 : 153
+10 : 136
+8 : 134
+4 : 130
+2 : 128
+1 : 127
±0 : 126
-1 : 125
-2 : 124
-4 : 122
-7 : 119
-8 : 118
-24 : 102
-41 : 85
-58 : 68
-75 : 51
-92 : 34
-109 : 17
-126 : 0
青
+44 : 255
+27 : 238
+10 : 221
+8 : 219
+4 : 215
+2 : 213
+1 : 212
±0 : 211
-1 : 210
-2 : 209
-4 : 207
-7 : 204
-8 : 203
-24 : 187
-41 : 170
-58 : 153
-75 : 136
-92 : 119
-109 : 102
-126 : 85
-143 : 68
-160 : 51
-177 : 34
-194 : 17
-211 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000