#333a22
RGB ( 赤 = 51, 緑 = 58, 青 = 34 )
HSL ( 色相 = 78°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 78° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #3a2522 : -70
18 : #3a2922 : -60
28 : #3a2d22 : -50
38 : #3a3122 : -40
48 : #3a3522 : -30
58 : #3a3922 : -20
68 : #373a22 : -10
78 : #333a22 : ±0
88 : #2f3a22 : +10
98 : #2b3a22 : +20
108 : #273a22 : +30
118 : #233a22 : +40
128 : #223a25 : +50
138 : #223a29 : +60
148 : #223a2d : +70
158 : #223a31 : +80
168 : #223a35 : +90
178 : #223a39 : +100
188 : #22373a : +110
198 : #22333a : +120
208 : #222f3a : +130
218 : #222b3a : +140
228 : #22273a : +150
238 : #22233a : +160
248 : #25223a : +170
258 : #29223a : +180
268 : #2d223a : +190
278 : #31223a : +200
288 : #35223a : +210
298 : #39223a : +220
308 : #3a2237 : +230
318 : #3a2233 : +240
328 : #3a222f : +250
338 : #3a222b : +260
348 : #3a2227 : +270
358 : #3a2223 : +280
68 : #373a22 : -10
69 : #363a22 : -9
70 : #363a22 : -8
71 : #353a22 : -7
72 : #353a22 : -6
73 : #353a22 : -5
74 : #343a22 : -4
75 : #343a22 : -3
76 : #333a22 : -2
77 : #333a22 : -1
78 : #333a22 : ±0
79 : #323a22 : +1
80 : #323a22 : +2
81 : #313a22 : +3
82 : #313a22 : +4
83 : #313a22 : +5
84 : #303a22 : +6
85 : #303a22 : +7
86 : #2f3a22 : +8
87 : #2f3a22 : +9
88 : #2f3a22 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2e2f2d : -24
4 : #2f302c : -22
6 : #2f312b : -20
8 : #2f322a : -18
10 : #303229 : -16
12 : #303328 : -14
14 : #303427 : -12
16 : #313527 : -10
18 : #313626 : -8
20 : #323725 : -6
22 : #323824 : -4
24 : #323923 : -2
26 : #333a22 : ±0
28 : #333b21 : +2
30 : #333c20 : +4
32 : #343d1f : +6
34 : #343e1e : +8
36 : #353e1d : +10
38 : #353f1c : +12
40 : #35401c : +14
42 : #36411b : +16
44 : #36421a : +18
46 : #364319 : +20
48 : #374418 : +22
50 : #374517 : +24
52 : #374616 : +26
54 : #384715 : +28
56 : #384814 : +30
58 : #394913 : +32
60 : #394912 : +34
62 : #394a11 : +36
64 : #3a4b11 : +38
66 : #3a4c10 : +40
68 : #3a4d0f : +42
70 : #3b4e0e : +44
72 : #3b4f0d : +46
74 : #3b500c : +48
76 : #3c510b : +50
78 : #3c520a : +52
80 : #3d5309 : +54
82 : #3d5408 : +56
84 : #3d5407 : +58
86 : #3e5506 : +60
88 : #3e5606 : +62
90 : #3e5705 : +64
92 : #3f5804 : +66
94 : #3f5903 : +68
96 : #405a02 : +70
98 : #405b01 : +72
100 : #405c00 : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #060604 : -16
4 : #0b0d08 : -14
6 : #11130b : -12
8 : #171a0f : -10
10 : #1c2013 : -8
12 : #222717 : -6
14 : #272d1a : -4
16 : #2d331e : -2
18 : #333a22 : ±0
20 : #384026 : +2
22 : #3e472a : +4
24 : #444d2d : +6
26 : #495431 : +8
28 : #4f5a35 : +10
30 : #546039 : +12
32 : #5a673c : +14
34 : #606d40 : +16
36 : #657444 : +18
38 : #6b7a48 : +20
40 : #71814b : +22
42 : #76874f : +24
44 : #7c8d53 : +26
46 : #819457 : +28
48 : #879a5b : +30
50 : #8da15e : +32
52 : #91a465 : +34
54 : #96a86b : +36
56 : #9aac72 : +38
58 : #9fb078 : +40
60 : #a4b47e : +42
62 : #a8b785 : +44
64 : #adbb8b : +46
66 : #b1bf92 : +48
68 : #b6c398 : +50
70 : #bac69f : +52
72 : #bfcaa5 : +54
74 : #c4ceab : +56
76 : #c8d2b2 : +58
78 : #cdd5b8 : +60
80 : #d1d9bf : +62
82 : #d6ddc5 : +64
84 : #dae1cc : +66
86 : #dfe5d2 : +68
88 : #e4e8d8 : +70
90 : #e8ecdf : +72
92 : #edf0e5 : +74
94 : #f1f4ec : +76
96 : #f6f7f2 : +78
98 : #fafbf9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow