#e46221
RGB ( 赤 = 228, 緑 = 98, 青 = 33 )
HSL ( 色相 = 20°, 彩度 = 78%, 明度 = 51% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #e42121 : -20
10 : #e44121 : -10
20 : #e46221 : ±0
30 : #e48221 : +10
40 : #e4a321 : +20
50 : #e4c321 : +30
60 : #e4e421 : +40
70 : #c3e421 : +50
80 : #a3e421 : +60
90 : #82e421 : +70
100 : #62e421 : +80
110 : #41e421 : +90
120 : #21e421 : +100
130 : #21e441 : +110
140 : #21e462 : +120
150 : #21e482 : +130
160 : #21e4a3 : +140
170 : #21e4c3 : +150
180 : #21e4e4 : +160
190 : #21c3e4 : +170
200 : #21a3e4 : +180
210 : #2182e4 : +190
220 : #2162e4 : +200
230 : #2141e4 : +210
240 : #2121e4 : +220
250 : #4121e4 : +230
260 : #6221e4 : +240
270 : #8221e4 : +250
280 : #a321e4 : +260
290 : #c321e4 : +270
300 : #e421e4 : +280
310 : #e421c3 : +290
320 : #e421a3 : +300
330 : #e42182 : +310
340 : #e42162 : +320
350 : #e42141 : +330
10 : #e44121 : -10
11 : #e44421 : -9
12 : #e44821 : -8
13 : #e44b21 : -7
14 : #e44e21 : -6
15 : #e45121 : -5
16 : #e45521 : -4
17 : #e45821 : -3
18 : #e45b21 : -2
19 : #e45e21 : -1
20 : #e46221 : ±0
21 : #e46521 : +1
22 : #e46821 : +2
23 : #e46b21 : +3
24 : #e46f21 : +4
25 : #e47221 : +5
26 : #e47521 : +6
27 : #e47821 : +7
28 : #e47c21 : +8
29 : #e47f21 : +9
30 : #e48221 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -78
2 : #858180 : -76
4 : #87807d : -74
6 : #8a807b : -72
8 : #8c7f78 : -70
10 : #8f7e76 : -68
12 : #917d73 : -66
14 : #947c71 : -64
16 : #967b6e : -62
18 : #997b6c : -60
20 : #9b7a69 : -58
22 : #9e7967 : -56
24 : #a07864 : -54
26 : #a37762 : -52
28 : #a5765f : -50
30 : #a8765d : -48
32 : #aa755a : -46
34 : #ad7458 : -44
36 : #af7355 : -42
38 : #b27253 : -40
40 : #b47150 : -38
42 : #b7714e : -36
44 : #b9704b : -34
46 : #bc6f49 : -32
48 : #be6e46 : -30
50 : #c16d44 : -28
52 : #c36c41 : -26
54 : #c66c3f : -24
56 : #c86b3c : -22
58 : #cb6a3a : -20
60 : #cd6937 : -18
62 : #d06835 : -16
64 : #d26732 : -14
66 : #d56730 : -12
68 : #d7662d : -10
70 : #da652b : -8
72 : #dc6428 : -6
74 : #df6326 : -4
76 : #e16223 : -2
78 : #e46221 : ±0
80 : #e6611e : +2
82 : #e9601c : +4
84 : #eb5f19 : +6
86 : #ee5e17 : +8
88 : #f05d14 : +10
90 : #f35d12 : +12
92 : #f55c0f : +14
94 : #f85b0d : +16
96 : #fa5a0a : +18
98 : #fd5908 : +20
100 : #ff5805 : +22
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #050201 : -50
3 : #0e0602 : -48
5 : #170903 : -46
7 : #200d04 : -44
9 : #291105 : -42
11 : #321506 : -40
13 : #3b1907 : -38
15 : #441c08 : -36
17 : #4d200a : -34
19 : #56240b : -32
21 : #5f280c : -30
23 : #682b0d : -28
25 : #712f0e : -26
27 : #7b330f : -24
29 : #843710 : -22
31 : #8d3a11 : -20
33 : #963e13 : -18
35 : #9f4214 : -16
37 : #a84615 : -14
39 : #b14a16 : -12
41 : #ba4d17 : -10
43 : #c35118 : -8
45 : #cc5519 : -6
47 : #d5591a : -4
49 : #de5c1b : -2
51 : #e46221 : ±0
53 : #e5682a : +2
55 : #e66e33 : +4
57 : #e7753c : +6
59 : #e87b45 : +8
61 : #e9824e : +10
63 : #ea8857 : +12
65 : #eb8f60 : +14
67 : #ec9569 : +16
69 : #ee9b72 : +18
71 : #efa27b : +20
73 : #f0a884 : +22
75 : #f1af8e : +24
77 : #f2b597 : +26
79 : #f3bca0 : +28
81 : #f4c2a9 : +30
83 : #f5c8b2 : +32
85 : #f7cfbb : +34
87 : #f8d5c4 : +36
89 : #f9dccd : +38
91 : #fae2d6 : +40
93 : #fbe9df : +42
95 : #fcefe8 : +44
97 : #fdf5f1 : +46
99 : #fefcfa : +48
CSS入門、作ってます。
text-shadow