#ec5132
RGB ( 赤 = 236, 緑 = 81, 青 = 50 )
HSL ( 色相 = 10°, 彩度 = 83%, 明度 = 56% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ec3232 : -10
10 : #ec5132 : ±0
20 : #ec7032 : +10
30 : #ec8f32 : +20
40 : #ecae32 : +30
50 : #eccd32 : +40
60 : #ecec32 : +50
70 : #cdec32 : +60
80 : #aeec32 : +70
90 : #8fec32 : +80
100 : #70ec32 : +90
110 : #51ec32 : +100
120 : #32ec32 : +110
130 : #32ec51 : +120
140 : #32ec70 : +130
150 : #32ec8f : +140
160 : #32ecae : +150
170 : #32eccd : +160
180 : #32ecec : +170
190 : #32cdec : +180
200 : #32aeec : +190
210 : #328fec : +200
220 : #3270ec : +210
230 : #3251ec : +220
240 : #3232ec : +230
250 : #5132ec : +240
260 : #7032ec : +250
270 : #8f32ec : +260
280 : #ae32ec : +270
290 : #cd32ec : +280
300 : #ec32ec : +290
310 : #ec32cd : +300
320 : #ec32ae : +310
330 : #ec328f : +320
340 : #ec3270 : +330
350 : #ec3251 : +340
0 : #ec3232 : -10
1 : #ec3532 : -9
2 : #ec3832 : -8
3 : #ec3b32 : -7
4 : #ec3e32 : -6
5 : #ec4132 : -5
6 : #ec4432 : -4
7 : #ec4732 : -3
8 : #ec4b32 : -2
9 : #ec4e32 : -1
10 : #ec5132 : ±0
11 : #ec5432 : +1
12 : #ec5732 : +2
13 : #ec5a32 : +3
14 : #ec5d32 : +4
15 : #ec6032 : +5
16 : #ec6332 : +6
17 : #ec6632 : +7
18 : #ec6a32 : +8
19 : #ec6d32 : +9
20 : #ec7032 : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908e8e : -82
3 : #928d8b : -80
5 : #948b89 : -78
7 : #978a87 : -76
9 : #998885 : -74
11 : #9b8782 : -72
13 : #9d8580 : -70
15 : #a0847e : -68
17 : #a2827c : -66
19 : #a48179 : -64
21 : #a67f77 : -62
23 : #a97e75 : -60
25 : #ab7c73 : -58
27 : #ad7b71 : -56
29 : #af796e : -54
31 : #b2786c : -52
33 : #b4766a : -50
35 : #b67568 : -48
37 : #b87365 : -46
39 : #bb7263 : -44
41 : #bd7061 : -42
43 : #bf6f5f : -40
45 : #c16d5c : -38
47 : #c46c5a : -36
49 : #c66a58 : -34
51 : #c86956 : -32
53 : #ca6753 : -30
55 : #cd6651 : -28
57 : #cf644f : -26
59 : #d1634d : -24
61 : #d3614a : -22
63 : #d56048 : -20
65 : #d85e46 : -18
67 : #da5d44 : -16
69 : #dc5b41 : -14
71 : #de5a3f : -12
73 : #e1583d : -10
75 : #e3573b : -8
77 : #e55538 : -6
79 : #e75436 : -4
81 : #ea5234 : -2
83 : #ec5132 : ±0
85 : #ee4f2f : +2
87 : #f04e2d : +4
89 : #f34c2b : +6
91 : #f54b29 : +8
93 : #f74926 : +10
95 : #f94824 : +12
97 : #fc4622 : +14
99 : #fe4520 : +16
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #090201 : -54
4 : #130502 : -52
6 : #1c0703 : -50
8 : #250903 : -48
10 : #2f0b04 : -46
12 : #380e05 : -44
14 : #411006 : -42
16 : #4b1207 : -40
18 : #541508 : -38
20 : #5d1709 : -36
22 : #67190a : -34
24 : #701b0a : -32
26 : #791e0b : -30
28 : #83200c : -28
30 : #8c220d : -26
32 : #95240e : -24
34 : #9f270f : -22
36 : #a82910 : -20
38 : #b12b10 : -18
40 : #bb2e11 : -16
42 : #c43012 : -14
44 : #cd3213 : -12
46 : #d73414 : -10
48 : #e03715 : -8
50 : #e93916 : -6
52 : #ea411f : -4
54 : #eb4928 : -2
56 : #ec5132 : ±0
58 : #ed593b : +2
60 : #ee6144 : +4
62 : #ef684e : +6
64 : #ef7057 : +8
66 : #f07860 : +10
68 : #f1806a : +12
70 : #f28873 : +14
72 : #f3907c : +16
74 : #f49886 : +18
76 : #f5a08f : +20
78 : #f5a898 : +22
80 : #f6b0a2 : +24
82 : #f7b8ab : +26
84 : #f8c0b4 : +28
86 : #f9c8be : +30
88 : #facfc7 : +32
90 : #fbd7d0 : +34
92 : #fcdfda : +36
94 : #fce7e3 : +38
96 : #fdefec : +40
98 : #fef7f6 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow