#a72201
RGB ( 赤 = 167, 緑 = 34, 青 = 1 )
HSL ( 色相 = 12°, 彩度 = 99%, 明度 = 33% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a70601 : -10
12 : #a72201 : ±0
22 : #a73e01 : +10
32 : #a75a01 : +20
42 : #a77501 : +30
52 : #a79101 : +40
62 : #a2a701 : +50
72 : #86a701 : +60
82 : #6aa701 : +70
92 : #4fa701 : +80
102 : #33a701 : +90
112 : #17a701 : +100
122 : #01a706 : +110
132 : #01a722 : +120
142 : #01a73e : +130
152 : #01a75a : +140
162 : #01a775 : +150
172 : #01a791 : +160
182 : #01a2a7 : +170
192 : #0186a7 : +180
202 : #016aa7 : +190
212 : #014fa7 : +200
222 : #0133a7 : +210
232 : #0117a7 : +220
242 : #0601a7 : +230
252 : #2201a7 : +240
262 : #3e01a7 : +250
272 : #5a01a7 : +260
282 : #7501a7 : +270
292 : #9101a7 : +280
302 : #a701a2 : +290
312 : #a70186 : +300
322 : #a7016a : +310
332 : #a7014f : +320
342 : #a70133 : +330
352 : #a70117 : +340
2 : #a70601 : -10
3 : #a70901 : -9
4 : #a70c01 : -8
5 : #a70f01 : -7
6 : #a71201 : -6
7 : #a71401 : -5
8 : #a71701 : -4
9 : #a71a01 : -3
10 : #a71d01 : -2
11 : #a71f01 : -1
12 : #a72201 : ±0
13 : #a72501 : +1
14 : #a72801 : +2
15 : #a72a01 : +3
16 : #a72d01 : +4
17 : #a73001 : +5
18 : #a73301 : +6
19 : #a73601 : +7
20 : #a73801 : +8
21 : #a73b01 : +9
22 : #a73e01 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555453 : -98
3 : #575352 : -96
5 : #585250 : -94
7 : #5a514e : -92
9 : #5c504d : -90
11 : #5d4f4b : -88
13 : #5f4e49 : -86
15 : #614d48 : -84
17 : #624c46 : -82
19 : #644b44 : -80
21 : #664a42 : -78
23 : #684941 : -76
25 : #69483f : -74
27 : #6b473d : -72
29 : #6d463c : -70
31 : #6e443a : -68
33 : #704338 : -66
35 : #724237 : -64
37 : #734135 : -62
39 : #754033 : -60
41 : #773f32 : -58
43 : #783e30 : -56
45 : #7a3d2e : -54
47 : #7c3c2d : -52
49 : #7d3b2b : -50
51 : #7f3a29 : -48
53 : #813928 : -46
55 : #823826 : -44
57 : #843724 : -42
59 : #863623 : -40
61 : #873521 : -38
63 : #89341f : -36
65 : #8b331d : -34
67 : #8d321c : -32
69 : #8e311a : -30
71 : #903018 : -28
73 : #922f17 : -26
75 : #932e15 : -24
77 : #952d13 : -22
79 : #972c12 : -20
81 : #982b10 : -18
83 : #9a2a0e : -16
85 : #9c290d : -14
87 : #9d280b : -12
89 : #9f2709 : -10
91 : #a12608 : -8
93 : #a22506 : -6
95 : #a42404 : -4
97 : #a62303 : -2
99 : #a72201 : ±0
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -32
3 : #0f0300 : -30
5 : #190500 : -28
7 : #240700 : -26
9 : #2e0900 : -24
11 : #380b00 : -22
13 : #420d00 : -20
15 : #4c1000 : -18
17 : #561200 : -16
19 : #601400 : -14
21 : #6b1601 : -12
23 : #751801 : -10
25 : #7f1a01 : -8
27 : #891c01 : -6
29 : #931e01 : -4
31 : #9d2001 : -2
33 : #a72201 : ±0
35 : #b22401 : +2
37 : #bc2601 : +4
39 : #c62801 : +6
41 : #d02a01 : +8
43 : #da2d01 : +10
45 : #e42f01 : +12
47 : #ef3101 : +14
49 : #f93301 : +16
51 : #fe3806 : +18
53 : #fe4010 : +20
55 : #fe481b : +22
57 : #fe5025 : +24
59 : #fe582f : +26
61 : #fe6039 : +28
63 : #fe6943 : +30
65 : #fe714d : +32
67 : #fe7958 : +34
69 : #fe8162 : +36
71 : #fe896c : +38
73 : #fe9176 : +40
75 : #fe9980 : +42
77 : #fea28a : +44
79 : #feaa94 : +46
81 : #ffb29f : +48
83 : #ffbaa9 : +50
85 : #ffc2b3 : +52
87 : #ffcabd : +54
89 : #ffd2c7 : +56
91 : #ffdad1 : +58
93 : #ffe3db : +60
95 : #ffebe6 : +62
97 : #fff3f0 : +64
99 : #fffbfa : +66
CSS入門、作ってます。
text-shadow