#7a532a
RGB ( 赤 = 122, 緑 = 83, 青 = 42 )
HSL ( 色相 = 31°, 彩度 = 49%, 明度 = 32% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7a2b2a : -30
11 : #7a382a : -20
21 : #7a462a : -10
31 : #7a532a : ±0
41 : #7a602a : +10
51 : #7a6e2a : +20
61 : #787a2a : +30
71 : #6b7a2a : +40
81 : #5e7a2a : +50
91 : #507a2a : +60
101 : #437a2a : +70
111 : #367a2a : +80
121 : #2a7a2b : +90
131 : #2a7a38 : +100
141 : #2a7a46 : +110
151 : #2a7a53 : +120
161 : #2a7a60 : +130
171 : #2a7a6e : +140
181 : #2a787a : +150
191 : #2a6b7a : +160
201 : #2a5e7a : +170
211 : #2a507a : +180
221 : #2a437a : +190
231 : #2a367a : +200
241 : #2b2a7a : +210
251 : #382a7a : +220
261 : #462a7a : +230
271 : #532a7a : +240
281 : #602a7a : +250
291 : #6e2a7a : +260
301 : #7a2a78 : +270
311 : #7a2a6b : +280
321 : #7a2a5e : +290
331 : #7a2a50 : +300
341 : #7a2a43 : +310
351 : #7a2a36 : +320
21 : #7a462a : -10
22 : #7a472a : -9
23 : #7a482a : -8
24 : #7a4a2a : -7
25 : #7a4b2a : -6
26 : #7a4c2a : -5
27 : #7a4e2a : -4
28 : #7a4f2a : -3
29 : #7a502a : -2
30 : #7a522a : -1
31 : #7a532a : ±0
32 : #7a542a : +1
33 : #7a562a : +2
34 : #7a572a : +3
35 : #7a582a : +4
36 : #7a5a2a : +5
37 : #7a5b2a : +6
38 : #7a5c2a : +7
39 : #7a5e2a : +8
40 : #7a5f2a : +9
41 : #7a602a : +10
S : 彩度 ( 49% )
(0%) 渋い ~ 鮮やか (100%)
1 : #525251 : -48
3 : #54524f : -46
5 : #56524e : -44
7 : #57524c : -42
9 : #59524a : -40
11 : #5b5249 : -38
13 : #5c5247 : -36
15 : #5e5245 : -34
17 : #5f5244 : -32
19 : #615242 : -30
21 : #635240 : -28
23 : #64523f : -26
25 : #66523d : -24
27 : #68523c : -22
29 : #69523a : -20
31 : #6b5238 : -18
33 : #6d5237 : -16
35 : #6e5335 : -14
37 : #705333 : -12
39 : #715332 : -10
41 : #735330 : -8
43 : #75532f : -6
45 : #76532d : -4
47 : #78532b : -2
49 : #7a532a : ±0
51 : #7b5328 : +2
53 : #7d5326 : +4
55 : #7e5325 : +6
57 : #805323 : +8
59 : #825321 : +10
61 : #835320 : +12
63 : #85531e : +14
65 : #87531d : +16
67 : #88531b : +18
69 : #8a5319 : +20
71 : #8c5418 : +22
73 : #8d5416 : +24
75 : #8f5414 : +26
77 : #905413 : +28
79 : #925411 : +30
81 : #945410 : +32
83 : #95540e : +34
85 : #97540c : +36
87 : #99540b : +38
89 : #9a5409 : +40
91 : #9c5407 : +42
93 : #9d5406 : +44
95 : #9f5404 : +46
97 : #a15402 : +48
99 : #a25401 : +50
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080503 : -30
4 : #0f0a05 : -28
6 : #171008 : -26
8 : #1e150a : -24
10 : #261a0d : -22
12 : #2e1f10 : -20
14 : #352412 : -18
16 : #3d2915 : -16
18 : #442f17 : -14
20 : #4c341a : -12
22 : #54391d : -10
24 : #5b3e1f : -8
26 : #634322 : -6
28 : #6a4924 : -4
30 : #724e27 : -2
32 : #7a532a : ±0
34 : #81582c : +2
36 : #895d2f : +4
38 : #906231 : +6
40 : #986834 : +8
42 : #a06d37 : +10
44 : #a77239 : +12
46 : #af773c : +14
48 : #b67c3e : +16
50 : #be8241 : +18
52 : #c18749 : +20
54 : #c38c50 : +22
56 : #c69158 : +24
58 : #c8965f : +26
60 : #cb9b67 : +28
62 : #cea06f : +30
64 : #d0a576 : +32
66 : #d3aa7e : +34
68 : #d5af85 : +36
70 : #d8b48d : +38
72 : #dbb995 : +40
74 : #ddbe9c : +42
76 : #e0c3a4 : +44
78 : #e2c8ab : +46
80 : #e5cdb3 : +48
82 : #e8d2bb : +50
84 : #ead7c2 : +52
86 : #eddcca : +54
88 : #efe1d1 : +56
90 : #f2e6d9 : +58
92 : #f5ebe1 : +60
94 : #f7f0e8 : +62
96 : #faf5f0 : +64
98 : #fcfaf7 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow