#7e3a16
RGB ( 赤 = 126, 緑 = 58, 青 = 22 )
HSL ( 色相 = 21°, 彩度 = 70%, 明度 = 29% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7e1816 : -20
11 : #7e2916 : -10
21 : #7e3a16 : ±0
31 : #7e4c16 : +10
41 : #7e5d16 : +20
51 : #7e6e16 : +30
61 : #7c7e16 : +40
71 : #6b7e16 : +50
81 : #597e16 : +60
91 : #487e16 : +70
101 : #377e16 : +80
111 : #267e16 : +90
121 : #167e18 : +100
131 : #167e29 : +110
141 : #167e3a : +120
151 : #167e4c : +130
161 : #167e5d : +140
171 : #167e6e : +150
181 : #167c7e : +160
191 : #166b7e : +170
201 : #16597e : +180
211 : #16487e : +190
221 : #16377e : +200
231 : #16267e : +210
241 : #18167e : +220
251 : #29167e : +230
261 : #3a167e : +240
271 : #4c167e : +250
281 : #5d167e : +260
291 : #6e167e : +270
301 : #7e167c : +280
311 : #7e166b : +290
321 : #7e1659 : +300
331 : #7e1648 : +310
341 : #7e1637 : +320
351 : #7e1626 : +330
11 : #7e2916 : -10
12 : #7e2b16 : -9
13 : #7e2d16 : -8
14 : #7e2e16 : -7
15 : #7e3016 : -6
16 : #7e3216 : -5
17 : #7e3416 : -4
18 : #7e3516 : -3
19 : #7e3716 : -2
20 : #7e3916 : -1
21 : #7e3a16 : ±0
22 : #7e3c16 : +1
23 : #7e3e16 : +2
24 : #7e4016 : +3
25 : #7e4116 : +4
26 : #7e4316 : +5
27 : #7e4516 : +6
28 : #7e4616 : +7
29 : #7e4816 : +8
30 : #7e4a16 : +9
31 : #7e4c16 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #494949 : -70
2 : #4b4a48 : -68
4 : #4d4947 : -66
6 : #4e4946 : -64
8 : #504844 : -62
10 : #514843 : -60
12 : #534741 : -58
14 : #544740 : -56
16 : #56463e : -54
18 : #57463d : -52
20 : #59463b : -50
22 : #5a453a : -48
24 : #5c4538 : -46
26 : #5d4437 : -44
28 : #5f4435 : -42
30 : #604334 : -40
32 : #624332 : -38
34 : #634231 : -36
36 : #65422f : -34
38 : #66422e : -32
40 : #68412c : -30
42 : #69412b : -28
44 : #6a4029 : -26
46 : #6c4028 : -24
48 : #6d3f26 : -22
50 : #6f3f25 : -20
52 : #703e23 : -18
54 : #723e22 : -16
56 : #733e21 : -14
58 : #753d1f : -12
60 : #763d1e : -10
62 : #783c1c : -8
64 : #793c1b : -6
66 : #7b3b19 : -4
68 : #7c3b18 : -2
70 : #7e3a16 : ±0
72 : #7f3a15 : +2
74 : #813a13 : +4
76 : #823912 : +6
78 : #843910 : +8
80 : #85380f : +10
82 : #87380d : +12
84 : #88370c : +14
86 : #8a370a : +16
88 : #8b3609 : +18
90 : #8d3607 : +20
92 : #8e3606 : +22
94 : #8f3504 : +24
96 : #913503 : +26
98 : #923401 : +28
100 : #943400 : +30
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -28
3 : #0d0602 : -26
5 : #160a04 : -24
7 : #1e0e05 : -22
9 : #271207 : -20
11 : #301608 : -18
13 : #381a0a : -16
15 : #411e0b : -14
17 : #4a220d : -12
19 : #52260f : -10
21 : #5b2a10 : -8
23 : #642e12 : -6
25 : #6c3213 : -4
27 : #753615 : -2
29 : #7e3a16 : ±0
31 : #863e18 : +2
33 : #8f4219 : +4
35 : #98471b : +6
37 : #a04b1c : +8
39 : #a94f1e : +10
41 : #b2531f : +12
43 : #ba5721 : +14
45 : #c35b22 : +16
47 : #cc5f24 : +18
49 : #d46325 : +20
51 : #da682b : +22
53 : #db6e33 : +24
55 : #dd743c : +26
57 : #de7a45 : +28
59 : #e0804d : +30
61 : #e18756 : +32
63 : #e38d5f : +34
65 : #e49367 : +36
67 : #e69970 : +38
69 : #e79f79 : +40
71 : #e9a681 : +42
73 : #eaac8a : +44
75 : #ecb293 : +46
77 : #edb89b : +48
79 : #efbea4 : +50
81 : #f0c4ad : +52
83 : #f2cbb5 : +54
85 : #f4d1be : +56
87 : #f5d7c7 : +58
89 : #f7ddcf : +60
91 : #f8e3d8 : +62
93 : #fae9e1 : +64
95 : #fbf0e9 : +66
97 : #fdf6f2 : +68
99 : #fefcfb : +70
CSS入門、作ってます。
text-shadow