#e39cdb
RGB
赤 | 227 |
---|---|
緑 | 156 |
青 | 219 |
HSL
色相 | 307° |
---|---|
彩度 | 56% |
明度 | 75% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 227, 緑 = 156, 青 = 219 )
HSL ( 色相 = 307°, 彩度 = 56%, 明度 = 75% )
H : 色相 ( 307° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #e3a49c : -300
17 : #e3b09c : -290
27 : #e3bc9c : -280
37 : #e3c89c : -270
47 : #e3d39c : -260
57 : #e3df9c : -250
67 : #dbe39c : -240
77 : #cfe39c : -230
87 : #c3e39c : -220
97 : #b7e39c : -210
107 : #abe39c : -200
117 : #9fe39c : -190
127 : #9ce3a4 : -180
137 : #9ce3b0 : -170
147 : #9ce3bc : -160
157 : #9ce3c8 : -150
167 : #9ce3d3 : -140
177 : #9ce3df : -130
187 : #9cdbe3 : -120
197 : #9ccfe3 : -110
207 : #9cc3e3 : -100
217 : #9cb7e3 : -90
227 : #9cabe3 : -80
237 : #9c9fe3 : -70
247 : #a49ce3 : -60
257 : #b09ce3 : -50
267 : #bc9ce3 : -40
277 : #c89ce3 : -30
287 : #d39ce3 : -20
297 : #df9ce3 : -10
307 : #e39cdb : ±0
317 : #e39ccf : +10
327 : #e39cc3 : +20
337 : #e39cb7 : +30
347 : #e39cab : +40
357 : #e39c9f : +50
297 : #df9ce3 : -10
298 : #e19ce3 : -9
299 : #e29ce3 : -8
300 : #e39ce3 : -7
301 : #e39ce2 : -6
302 : #e39ce1 : -5
303 : #e39cdf : -4
304 : #e39cde : -3
305 : #e39cdd : -2
306 : #e39cdc : -1
307 : #e39cdb : ±0
308 : #e39cd9 : +1
309 : #e39cd8 : +2
310 : #e39cd7 : +3
311 : #e39cd6 : +4
312 : #e39cd5 : +5
313 : #e39cd3 : +6
314 : #e39cd2 : +7
315 : #e39cd1 : +8
316 : #e39cd0 : +9
317 : #e39ccf : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bfbfbf : -56
2 : #c1bec0 : -54
4 : #c2bdc1 : -52
6 : #c3bbc2 : -50
8 : #c4bac3 : -48
10 : #c6b9c4 : -46
12 : #c7b8c5 : -44
14 : #c8b6c6 : -42
16 : #c9b5c7 : -40
18 : #cbb4c8 : -38
20 : #ccb3c9 : -36
22 : #cdb1ca : -34
24 : #cfb0cb : -32
26 : #d0afcc : -30
28 : #d1adcd : -28
30 : #d2acce : -26
32 : #d4abcf : -24
34 : #d5aad0 : -22
36 : #d6a8d1 : -20
38 : #d7a7d2 : -18
40 : #d9a6d3 : -16
42 : #daa4d4 : -14
44 : #dba3d5 : -12
46 : #dda2d6 : -10
48 : #dea1d7 : -8
50 : #df9fd8 : -6
52 : #e09ed9 : -4
54 : #e29dda : -2
56 : #e39cdb : ±0
58 : #e49adc : +2
60 : #e699dd : +4
62 : #e798de : +6
64 : #e896df : +8
66 : #e995e0 : +10
68 : #eb94e0 : +12
70 : #ec93e1 : +14
72 : #ed91e2 : +16
74 : #ee90e3 : +18
76 : #f08fe4 : +20
78 : #f18ee5 : +22
80 : #f28ce6 : +24
82 : #f48be7 : +26
84 : #f58ae8 : +28
86 : #f688e9 : +30
88 : #f787ea : +32
90 : #f986eb : +34
92 : #fa85ec : +36
94 : #fb83ed : +38
96 : #fc82ee : +40
98 : #fe81ef : +42
100 : #ff80f0 : +44
L : 明度 ( 75% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -74
3 : #0c030b : -72
5 : #140612 : -70
7 : #1c081a : -68
9 : #240a21 : -66
11 : #2c0c28 : -64
13 : #340f2f : -62
15 : #3c1137 : -60
17 : #44133e : -58
19 : #4c1545 : -56
21 : #54184d : -54
23 : #5b1a54 : -52
25 : #631c5b : -50
27 : #6b1e62 : -48
29 : #73216a : -46
31 : #7b2371 : -44
33 : #832578 : -42
35 : #8b2780 : -40
37 : #932a87 : -38
39 : #9b2c8e : -36
41 : #a32e95 : -34
43 : #ab309d : -32
45 : #b332a4 : -30
47 : #bb35ab : -28
49 : #c337b3 : -26
51 : #c83cb8 : -24
53 : #ca44bb : -22
55 : #cd4cbe : -20
57 : #cf54c0 : -18
59 : #d15cc3 : -16
61 : #d364c6 : -14
63 : #d56cc9 : -12
65 : #d874cc : -10
67 : #da7ccf : -8
69 : #dc84d2 : -6
71 : #de8cd5 : -4
73 : #e194d8 : -2
75 : #e39cdb : ±0
77 : #e5a4de : +2
79 : #e7abe0 : +4
81 : #eab3e3 : +6
83 : #ecbbe6 : +8
85 : #eec3e9 : +10
87 : #f0cbec : +12
89 : #f3d3ef : +14
91 : #f5dbf2 : +16
93 : #f7e3f5 : +18
95 : #f9ebf8 : +20
97 : #fcf3fb : +22
99 : #fefbfe : +24
CSS入門、作ってます。
text-shadow