#ff8e24
RGB ( 赤 = 255, 緑 = 142, 青 = 36 )
HSL ( 色相 = 29°, 彩度 = 100%, 明度 = 57% )
H : 色相 ( 29° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ff4524 : -20
19 : #ff6924 : -10
29 : #ff8e24 : ±0
39 : #ffb224 : +10
49 : #ffd724 : +20
59 : #fffb24 : +30
69 : #deff24 : +40
79 : #baff24 : +50
89 : #95ff24 : +60
99 : #70ff24 : +70
109 : #4cff24 : +80
119 : #27ff24 : +90
129 : #24ff45 : +100
139 : #24ff69 : +110
149 : #24ff8e : +120
159 : #24ffb2 : +130
169 : #24ffd7 : +140
179 : #24fffb : +150
189 : #24deff : +160
199 : #24baff : +170
209 : #2495ff : +180
219 : #2470ff : +190
229 : #244cff : +200
239 : #2427ff : +210
249 : #4524ff : +220
259 : #6924ff : +230
269 : #8e24ff : +240
279 : #b224ff : +250
289 : #d724ff : +260
299 : #fb24ff : +270
309 : #ff24de : +280
319 : #ff24ba : +290
329 : #ff2495 : +300
339 : #ff2470 : +310
349 : #ff244c : +320
359 : #ff2427 : +330
19 : #ff6924 : -10
20 : #ff6d24 : -9
21 : #ff7024 : -8
22 : #ff7424 : -7
23 : #ff7824 : -6
24 : #ff7b24 : -5
25 : #ff7f24 : -4
26 : #ff8324 : -3
27 : #ff8624 : -2
28 : #ff8a24 : -1
29 : #ff8e24 : ±0
30 : #ff9124 : +1
31 : #ff9524 : +2
32 : #ff9924 : +3
33 : #ff9c24 : +4
34 : #ffa024 : +5
35 : #ffa424 : +6
36 : #ffa724 : +7
37 : #ffab24 : +8
38 : #ffaf24 : +9
39 : #ffb224 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #919191 : -100
2 : #94918f : -98
4 : #96918d : -96
6 : #98918b : -94
8 : #9a9189 : -92
10 : #9c9186 : -90
12 : #9f9184 : -88
14 : #a19182 : -86
16 : #a39180 : -84
18 : #a5917e : -82
20 : #a7917b : -80
22 : #a99179 : -78
24 : #ac9077 : -76
26 : #ae9075 : -74
28 : #b09073 : -72
30 : #b29070 : -70
32 : #b4906e : -68
34 : #b7906c : -66
36 : #b9906a : -64
38 : #bb9068 : -62
40 : #bd9065 : -60
42 : #bf9063 : -58
44 : #c29061 : -56
46 : #c4905f : -54
48 : #c6905d : -52
50 : #c8905b : -50
52 : #ca8f58 : -48
54 : #cd8f56 : -46
56 : #cf8f54 : -44
58 : #d18f52 : -42
60 : #d38f50 : -40
62 : #d58f4d : -38
64 : #d88f4b : -36
66 : #da8f49 : -34
68 : #dc8f47 : -32
70 : #de8f45 : -30
72 : #e08f42 : -28
74 : #e28f40 : -26
76 : #e58f3e : -24
78 : #e78e3c : -22
80 : #e98e3a : -20
82 : #eb8e37 : -18
84 : #ed8e35 : -16
86 : #f08e33 : -14
88 : #f28e31 : -12
90 : #f48e2f : -10
92 : #f68e2c : -8
94 : #f88e2a : -6
96 : #fb8e28 : -4
98 : #fd8e26 : -2
100 : #ff8e24 : ±0
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -56
3 : #0f0700 : -54
5 : #1a0c00 : -52
7 : #241100 : -50
9 : #2e1600 : -48
11 : #381b00 : -46
13 : #422000 : -44
15 : #4d2500 : -42
17 : #572a00 : -40
19 : #612f00 : -38
21 : #6b3400 : -36
23 : #753900 : -34
25 : #803e00 : -32
27 : #8a4300 : -30
29 : #944700 : -28
31 : #9e4c00 : -26
33 : #a85100 : -24
35 : #b35600 : -22
37 : #bd5b00 : -20
39 : #c76000 : -18
41 : #d16500 : -16
43 : #db6a00 : -14
45 : #e66f00 : -12
47 : #f07400 : -10
49 : #fa7900 : -8
51 : #ff7e05 : -6
53 : #ff830f : -4
55 : #ff881a : -2
57 : #ff8e24 : ±0
59 : #ff932e : +2
61 : #ff9838 : +4
63 : #ff9e42 : +6
65 : #ffa34d : +8
67 : #ffa857 : +10
69 : #ffad61 : +12
71 : #ffb36b : +14
73 : #ffb875 : +16
75 : #ffbd80 : +18
77 : #ffc28a : +20
79 : #ffc894 : +22
81 : #ffcd9e : +24
83 : #ffd2a8 : +26
85 : #ffd7b3 : +28
87 : #ffddbd : +30
89 : #ffe2c7 : +32
91 : #ffe7d1 : +34
93 : #ffeddb : +36
95 : #fff2e6 : +38
97 : #fff7f0 : +40
99 : #fffcfa : +42
CSS入門、作ってます。
text-shadow