#7a4215
RGB ( 赤 = 122, 緑 = 66, 青 = 21 )
HSL ( 色相 = 27°, 彩度 = 71%, 明度 = 28% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #7a2115 : -20
17 : #7a3115 : -10
27 : #7a4215 : ±0
37 : #7a5315 : +10
47 : #7a6415 : +20
57 : #7a7515 : +30
67 : #6e7a15 : +40
77 : #5d7a15 : +50
87 : #4c7a15 : +60
97 : #3c7a15 : +70
107 : #2b7a15 : +80
117 : #1a7a15 : +90
127 : #157a21 : +100
137 : #157a31 : +110
147 : #157a42 : +120
157 : #157a53 : +130
167 : #157a64 : +140
177 : #157a75 : +150
187 : #156e7a : +160
197 : #155d7a : +170
207 : #154c7a : +180
217 : #153c7a : +190
227 : #152b7a : +200
237 : #151a7a : +210
247 : #21157a : +220
257 : #31157a : +230
267 : #42157a : +240
277 : #53157a : +250
287 : #64157a : +260
297 : #75157a : +270
307 : #7a156e : +280
317 : #7a155d : +290
327 : #7a154c : +300
337 : #7a153c : +310
347 : #7a152b : +320
357 : #7a151a : +330
17 : #7a3115 : -10
18 : #7a3315 : -9
19 : #7a3515 : -8
20 : #7a3715 : -7
21 : #7a3815 : -6
22 : #7a3a15 : -5
23 : #7a3c15 : -4
24 : #7a3d15 : -3
25 : #7a3f15 : -2
26 : #7a4115 : -1
27 : #7a4215 : ±0
28 : #7a4415 : +1
29 : #7a4615 : +2
30 : #7a4715 : +3
31 : #7a4915 : +4
32 : #7a4b15 : +5
33 : #7a4c15 : +6
34 : #7a4e15 : +7
35 : #7a5015 : +8
36 : #7a5215 : +9
37 : #7a5315 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484747 : -70
3 : #4a4745 : -68
5 : #4b4744 : -66
7 : #4c4742 : -64
9 : #4e4741 : -62
11 : #4f4740 : -60
13 : #51463e : -58
15 : #52463d : -56
17 : #54463b : -54
19 : #55463a : -52
21 : #564638 : -50
23 : #584637 : -48
25 : #594636 : -46
27 : #5b4534 : -44
29 : #5c4533 : -42
31 : #5e4531 : -40
33 : #5f4530 : -38
35 : #60452e : -36
37 : #62452d : -34
39 : #63452c : -32
41 : #65442a : -30
43 : #664429 : -28
45 : #684427 : -26
47 : #694426 : -24
49 : #6a4424 : -22
51 : #6c4423 : -20
53 : #6d4422 : -18
55 : #6f4320 : -16
57 : #70431f : -14
59 : #72431d : -12
61 : #73431c : -10
63 : #74431a : -8
65 : #764319 : -6
67 : #774318 : -4
69 : #794216 : -2
71 : #7a4215 : ±0
73 : #7c4213 : +2
75 : #7d4212 : +4
77 : #7e4210 : +6
79 : #80420f : +8
81 : #81420e : +10
83 : #83410c : +12
85 : #84410b : +14
87 : #864109 : +16
89 : #874108 : +18
91 : #884106 : +20
93 : #8a4105 : +22
95 : #8b4104 : +24
97 : #8d4002 : +26
99 : #8e4001 : +28
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #090501 : -26
4 : #110903 : -24
6 : #1a0e04 : -22
8 : #231306 : -20
10 : #2c1807 : -18
12 : #341c09 : -16
14 : #3d210a : -14
16 : #46260c : -12
18 : #4e2b0d : -10
20 : #572f0f : -8
22 : #603410 : -6
24 : #693912 : -4
26 : #713e13 : -2
28 : #7a4215 : ±0
30 : #834716 : +2
32 : #8c4c18 : +4
34 : #945119 : +6
36 : #9d551b : +8
38 : #a65a1c : +10
40 : #ae5f1e : +12
42 : #b7631f : +14
44 : #c06821 : +16
46 : #c96d22 : +18
48 : #d17223 : +20
50 : #da7625 : +22
52 : #dc7c2e : +24
54 : #dd8136 : +26
56 : #de873f : +28
58 : #e08c48 : +30
60 : #e19251 : +32
62 : #e39759 : +34
64 : #e49d62 : +36
66 : #e6a26b : +38
68 : #e7a873 : +40
70 : #e9ad7c : +42
72 : #eab385 : +44
74 : #ecb88e : +46
76 : #edbd96 : +48
78 : #efc39f : +50
80 : #f0c8a8 : +52
82 : #f2ceb1 : +54
84 : #f3d3b9 : +56
86 : #f5d9c2 : +58
88 : #f6decb : +60
90 : #f8e4d3 : +62
92 : #f9e9dc : +64
94 : #fbefe5 : +66
96 : #fcf4ee : +68
98 : #fefaf6 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow