#a22701
RGB ( 赤 = 162, 緑 = 39, 青 = 1 )
HSL ( 色相 = 14°, 彩度 = 99%, 明度 = 32% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a20c01 : -10
14 : #a22701 : ±0
24 : #a24101 : +10
34 : #a25c01 : +20
44 : #a27701 : +30
54 : #a29201 : +40
64 : #98a201 : +50
74 : #7da201 : +60
84 : #62a201 : +70
94 : #47a201 : +80
104 : #2ca201 : +90
114 : #11a201 : +100
124 : #01a20c : +110
134 : #01a227 : +120
144 : #01a241 : +130
154 : #01a25c : +140
164 : #01a277 : +150
174 : #01a292 : +160
184 : #0198a2 : +170
194 : #017da2 : +180
204 : #0162a2 : +190
214 : #0147a2 : +200
224 : #012ca2 : +210
234 : #0111a2 : +220
244 : #0c01a2 : +230
254 : #2701a2 : +240
264 : #4101a2 : +250
274 : #5c01a2 : +260
284 : #7701a2 : +270
294 : #9201a2 : +280
304 : #a20198 : +290
314 : #a2017d : +300
324 : #a20162 : +310
334 : #a20147 : +320
344 : #a2012c : +330
354 : #a20111 : +340
4 : #a20c01 : -10
5 : #a20e01 : -9
6 : #a21101 : -8
7 : #a21401 : -7
8 : #a21601 : -6
9 : #a21901 : -5
10 : #a21c01 : -4
11 : #a21e01 : -3
12 : #a22101 : -2
13 : #a22401 : -1
14 : #a22701 : ±0
15 : #a22901 : +1
16 : #a22c01 : +2
17 : #a22f01 : +3
18 : #a23101 : +4
19 : #a23401 : +5
20 : #a23701 : +6
21 : #a23901 : +7
22 : #a23c01 : +8
23 : #a23f01 : +9
24 : #a24101 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525151 : -98
3 : #54504f : -96
5 : #564f4e : -94
7 : #574f4c : -92
9 : #594e4a : -90
11 : #5b4d49 : -88
13 : #5c4c47 : -86
15 : #5e4b45 : -84
17 : #5f4a44 : -82
19 : #614942 : -80
21 : #634840 : -78
23 : #64483f : -76
25 : #66473d : -74
27 : #68463c : -72
29 : #69453a : -70
31 : #6b4438 : -68
33 : #6d4337 : -66
35 : #6e4235 : -64
37 : #704133 : -62
39 : #714132 : -60
41 : #734030 : -58
43 : #753f2f : -56
45 : #763e2d : -54
47 : #783d2b : -52
49 : #7a3c2a : -50
51 : #7b3b28 : -48
53 : #7d3b26 : -46
55 : #7e3a25 : -44
57 : #803923 : -42
59 : #823821 : -40
61 : #833720 : -38
63 : #85361e : -36
65 : #87351d : -34
67 : #88341b : -32
69 : #8a3419 : -30
71 : #8c3318 : -28
73 : #8d3216 : -26
75 : #8f3114 : -24
77 : #903013 : -22
79 : #922f11 : -20
81 : #942e10 : -18
83 : #952d0e : -16
85 : #972d0c : -14
87 : #992c0b : -12
89 : #9a2b09 : -10
91 : #9c2a07 : -8
93 : #9d2906 : -6
95 : #9f2804 : -4
97 : #a12702 : -2
99 : #a22701 : ±0
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #0a0200 : -30
4 : #140500 : -28
6 : #1e0700 : -26
8 : #290a00 : -24
10 : #330c00 : -22
12 : #3d0e00 : -20
14 : #471100 : -18
16 : #511300 : -16
18 : #5b1600 : -14
20 : #651801 : -12
22 : #701a01 : -10
24 : #7a1d01 : -8
26 : #841f01 : -6
28 : #8e2201 : -4
30 : #982401 : -2
32 : #a22701 : ±0
34 : #ad2901 : +2
36 : #b72b01 : +4
38 : #c12e01 : +6
40 : #cb3001 : +8
42 : #d53301 : +10
44 : #df3501 : +12
46 : #e93701 : +14
48 : #f43a01 : +16
50 : #fe3c01 : +18
52 : #fe440b : +20
54 : #fe4c16 : +22
56 : #fe5420 : +24
58 : #fe5b2a : +26
60 : #fe6334 : +28
62 : #fe6b3e : +30
64 : #fe7348 : +32
66 : #fe7b52 : +34
68 : #fe825d : +36
70 : #fe8a67 : +38
72 : #fe9271 : +40
74 : #fe9a7b : +42
76 : #fea185 : +44
78 : #fea98f : +46
80 : #feb19a : +48
82 : #ffb9a4 : +50
84 : #ffc1ae : +52
86 : #ffc8b8 : +54
88 : #ffd0c2 : +56
90 : #ffd8cc : +58
92 : #ffe0d6 : +60
94 : #ffe8e1 : +62
96 : #ffefeb : +64
98 : #fff7f5 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow