#e86d90
RGB
| 赤 | 232 |
|---|---|
| 緑 | 109 |
| 青 | 144 |
HSL
| 色相 | 343° |
|---|---|
| 彩度 | 73% |
| 明度 | 67% |
| 輝度 | 59% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 232, 緑 = 109, 青 = 144 )
HSL ( 色相 = 343°, 彩度 = 73%, 明度 = 67% )
H : 色相 ( 343° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #e8746d : -340
13 : #e8886d : -330
23 : #e89d6d : -320
33 : #e8b16d : -310
43 : #e8c56d : -300
53 : #e8da6d : -290
63 : #e2e86d : -280
73 : #cee86d : -270
83 : #b9e86d : -260
93 : #a5e86d : -250
103 : #90e86d : -240
113 : #7ce86d : -230
123 : #6de874 : -220
133 : #6de888 : -210
143 : #6de89d : -200
153 : #6de8b1 : -190
163 : #6de8c5 : -180
173 : #6de8da : -170
183 : #6de2e8 : -160
193 : #6dcee8 : -150
203 : #6db9e8 : -140
213 : #6da5e8 : -130
223 : #6d90e8 : -120
233 : #6d7ce8 : -110
243 : #746de8 : -100
253 : #886de8 : -90
263 : #9d6de8 : -80
273 : #b16de8 : -70
283 : #c56de8 : -60
293 : #da6de8 : -50
303 : #e86de2 : -40
313 : #e86dce : -30
323 : #e86db9 : -20
333 : #e86da5 : -10
343 : #e86d90 : ±0
353 : #e86d7c : +10
333 : #e86da5 : -10
334 : #e86da3 : -9
335 : #e86da1 : -8
336 : #e86d9f : -7
337 : #e86d9d : -6
338 : #e86d9a : -5
339 : #e86d98 : -4
340 : #e86d96 : -3
341 : #e86d94 : -2
342 : #e86d92 : -1
343 : #e86d90 : ±0
344 : #e86d8e : +1
345 : #e86d8c : +2
346 : #e86d8a : +3
347 : #e86d88 : +4
348 : #e86d86 : +5
349 : #e86d84 : +6
350 : #e86d82 : +7
351 : #e86d80 : +8
352 : #e86d7e : +9
353 : #e86d7c : +10
S : 彩度 ( 73% )
(0%) 渋い ～ 鮮やか (100%)
1 : #acaaaa : -72
3 : #ada8aa : -70
5 : #afa7a9 : -68
7 : #b1a5a8 : -66
9 : #b2a3a8 : -64
11 : #b4a2a7 : -62
13 : #b6a0a6 : -60
15 : #b79ea5 : -58
17 : #b99da5 : -56
19 : #bb9ba4 : -54
21 : #bd99a3 : -52
23 : #be97a2 : -50
25 : #c096a2 : -48
27 : #c294a1 : -46
29 : #c392a0 : -44
31 : #c591a0 : -42
33 : #c78f9f : -40
35 : #c88d9e : -38
37 : #ca8c9d : -36
39 : #cc8a9d : -34
41 : #cd889c : -32
43 : #cf879b : -30
45 : #d1859a : -28
47 : #d2839a : -26
49 : #d48299 : -24
51 : #d68098 : -22
53 : #d77e98 : -20
55 : #d97d97 : -18
57 : #db7b96 : -16
59 : #dc7995 : -14
61 : #de7895 : -12
63 : #e07694 : -10
65 : #e27493 : -8
67 : #e37292 : -6
69 : #e57192 : -4
71 : #e76f91 : -2
73 : #e86d90 : ±0
75 : #ea6c90 : +2
77 : #ec6a8f : +4
79 : #ed688e : +6
81 : #ef678d : +8
83 : #f1658d : +10
85 : #f2638c : +12
87 : #f4628b : +14
89 : #f6608a : +16
91 : #f75e8a : +18
93 : #f95d89 : +20
95 : #fb5b88 : +22
97 : #fc5987 : +24
99 : #fe5887 : +26
L : 明度 ( 67% )
(0%) 暗い ～ 明るい (100%)
1 : #040102 : -66
3 : #0d0205 : -64
5 : #160309 : -62
7 : #1f050c : -60
9 : #280610 : -58
11 : #310813 : -56
13 : #390917 : -54
15 : #420a1a : -52
17 : #4b0c1e : -50
19 : #540d21 : -48
21 : #5d0e25 : -46
23 : #651028 : -44
25 : #6e112c : -42
27 : #77132f : -40
29 : #801433 : -38
31 : #891536 : -36
33 : #92173a : -34
35 : #9a183d : -32
37 : #a31941 : -30
39 : #ac1b44 : -28
41 : #b51c47 : -26
43 : #be1e4b : -24
45 : #c71f4e : -22
47 : #cf2052 : -20
49 : #d82255 : -18
51 : #dd275b : -16
53 : #df3061 : -14
55 : #e03868 : -12
57 : #e1416f : -10
59 : #e34a75 : -8
61 : #e4537c : -6
63 : #e65c83 : -4
65 : #e7658a : -2
67 : #e86d90 : ±0
69 : #ea7697 : +2
71 : #eb7f9e : +4
73 : #ec88a4 : +6
75 : #ee91ab : +8
77 : #ef9ab2 : +10
79 : #f1a2b9 : +12
81 : #f2abbf : +14
83 : #f3b4c6 : +16
85 : #f5bdcd : +18
87 : #f6c6d3 : +20
89 : #f7ceda : +22
91 : #f9d7e1 : +24
93 : #fae0e8 : +26
95 : #fce9ee : +28
97 : #fdf2f5 : +30
99 : #fefbfc : +32
CSS入門、作ってます。
text-shadow