#624022
RGB ( 赤 = 98, 緑 = 64, 青 = 34 )
HSL ( 色相 = 28°, 彩度 = 48%, 明度 = 26% )
H : 色相 ( 28° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #622b22 : -20
18 : #623622 : -10
28 : #624022 : ±0
38 : #624b22 : +10
48 : #625522 : +20
58 : #626022 : +30
68 : #5a6222 : +40
78 : #4f6222 : +50
88 : #446222 : +60
98 : #3a6222 : +70
108 : #2f6222 : +80
118 : #256222 : +90
128 : #22622b : +100
138 : #226236 : +110
148 : #226240 : +120
158 : #22624b : +130
168 : #226255 : +140
178 : #226260 : +150
188 : #225a62 : +160
198 : #224f62 : +170
208 : #224462 : +180
218 : #223a62 : +190
228 : #222f62 : +200
238 : #222562 : +210
248 : #2b2262 : +220
258 : #362262 : +230
268 : #402262 : +240
278 : #4b2262 : +250
288 : #552262 : +260
298 : #602262 : +270
308 : #62225a : +280
318 : #62224f : +290
328 : #622244 : +300
338 : #62223a : +310
348 : #62222f : +320
358 : #622225 : +330
18 : #623622 : -10
19 : #623722 : -9
20 : #623822 : -8
21 : #623922 : -7
22 : #623a22 : -6
23 : #623b22 : -5
24 : #623c22 : -4
25 : #623d22 : -3
26 : #623e22 : -2
27 : #623f22 : -1
28 : #624022 : ±0
29 : #624122 : +1
30 : #624222 : +2
31 : #624322 : +3
32 : #624422 : +4
33 : #624522 : +5
34 : #624722 : +6
35 : #624822 : +7
36 : #624922 : +8
37 : #624a22 : +9
38 : #624b22 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -48
2 : #444241 : -46
4 : #454240 : -44
6 : #46423e : -42
8 : #48423d : -40
10 : #49423c : -38
12 : #4a423a : -36
14 : #4c4239 : -34
16 : #4d4238 : -32
18 : #4e4236 : -30
20 : #504135 : -28
22 : #514134 : -26
24 : #524132 : -24
26 : #544131 : -22
28 : #554130 : -20
30 : #56412e : -18
32 : #58412d : -16
34 : #59412c : -14
36 : #5a412a : -12
38 : #5b4129 : -10
40 : #5d4128 : -8
42 : #5e4026 : -6
44 : #5f4025 : -4
46 : #614024 : -2
48 : #624022 : ±0
50 : #634021 : +2
52 : #654020 : +4
54 : #66401e : +6
56 : #67401d : +8
58 : #69401c : +10
60 : #6a401b : +12
62 : #6b4019 : +14
64 : #6d3f18 : +16
66 : #6e3f17 : +18
68 : #6f3f15 : +20
70 : #713f14 : +22
72 : #723f13 : +24
74 : #733f11 : +26
76 : #753f10 : +28
78 : #763f0f : +30
80 : #773f0d : +32
82 : #793f0c : +34
84 : #7a3f0b : +36
86 : #7b3e09 : +38
88 : #7d3e08 : +40
90 : #7e3e07 : +42
92 : #7f3e05 : +44
94 : #813e04 : +46
96 : #823e03 : +48
98 : #833e01 : +50
100 : #853e00 : +52
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080503 : -24
4 : #0f0a05 : -22
6 : #170f08 : -20
8 : #1e140b : -18
10 : #26190d : -16
12 : #2d1e10 : -14
14 : #352313 : -12
16 : #3c2715 : -10
18 : #442c18 : -8
20 : #4b311b : -6
22 : #53361d : -4
24 : #5b3b20 : -2
26 : #624022 : ±0
28 : #6a4525 : +2
30 : #714a28 : +4
32 : #794f2a : +6
34 : #80542d : +8
36 : #885930 : +10
38 : #8f5e32 : +12
40 : #976335 : +14
42 : #9f6838 : +16
44 : #a66d3a : +18
46 : #ae723d : +20
48 : #b57640 : +22
50 : #bd7b42 : +24
52 : #bf814a : +26
54 : #c28651 : +28
56 : #c58b59 : +30
58 : #c79060 : +32
60 : #ca9668 : +34
62 : #cd9b70 : +36
64 : #cfa077 : +38
66 : #d2a67f : +40
68 : #d5ab86 : +42
70 : #d7b08e : +44
72 : #dab595 : +46
74 : #ddbb9d : +48
76 : #dfc0a4 : +50
78 : #e2c5ac : +52
80 : #e4cab4 : +54
82 : #e7d0bb : +56
84 : #ead5c3 : +58
86 : #ecdaca : +60
88 : #efdfd2 : +62
90 : #f2e5d9 : +64
92 : #f4eae1 : +66
94 : #f7efe8 : +68
96 : #faf4f0 : +70
98 : #fcfaf7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow