#222a1d
RGB ( 赤 = 34, 緑 = 42, 青 = 29 )
HSL ( 色相 = 97°, 彩度 = 18%, 明度 = 14% )
H : 色相 ( 97° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #2a1f1d : -90
17 : #2a211d : -80
27 : #2a231d : -70
37 : #2a251d : -60
47 : #2a271d : -50
57 : #2a291d : -40
67 : #292a1d : -30
77 : #262a1d : -20
87 : #242a1d : -10
97 : #222a1d : ±0
107 : #202a1d : +10
117 : #1e2a1d : +20
127 : #1d2a1f : +30
137 : #1d2a21 : +40
147 : #1d2a23 : +50
157 : #1d2a25 : +60
167 : #1d2a27 : +70
177 : #1d2a29 : +80
187 : #1d292a : +90
197 : #1d262a : +100
207 : #1d242a : +110
217 : #1d222a : +120
227 : #1d202a : +130
237 : #1d1e2a : +140
247 : #1f1d2a : +150
257 : #211d2a : +160
267 : #231d2a : +170
277 : #251d2a : +180
287 : #271d2a : +190
297 : #291d2a : +200
307 : #2a1d29 : +210
317 : #2a1d26 : +220
327 : #2a1d24 : +230
337 : #2a1d22 : +240
347 : #2a1d20 : +250
357 : #2a1d1e : +260
87 : #242a1d : -10
88 : #242a1d : -9
89 : #242a1d : -8
90 : #242a1d : -7
91 : #232a1d : -6
92 : #232a1d : -5
93 : #232a1d : -4
94 : #232a1d : -3
95 : #232a1d : -2
96 : #222a1d : -1
97 : #222a1d : ±0
98 : #222a1d : +1
99 : #222a1d : +2
100 : #222a1d : +3
101 : #212a1d : +4
102 : #212a1d : +5
103 : #212a1d : +6
104 : #212a1d : +7
105 : #202a1d : +8
106 : #202a1d : +9
107 : #202a1d : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -18
2 : #242423 : -16
4 : #232522 : -14
6 : #232622 : -12
8 : #232721 : -10
10 : #232720 : -8
12 : #23281f : -6
14 : #23291f : -4
16 : #22291e : -2
18 : #222a1d : ±0
20 : #222b1d : +2
22 : #222c1c : +4
24 : #222c1b : +6
26 : #222d1a : +8
28 : #212e1a : +10
30 : #212e19 : +12
32 : #212f18 : +14
34 : #213018 : +16
36 : #213117 : +18
38 : #213116 : +20
40 : #203215 : +22
42 : #203315 : +24
44 : #203314 : +26
46 : #203413 : +28
48 : #203513 : +30
50 : #203612 : +32
52 : #1f3611 : +34
54 : #1f3710 : +36
56 : #1f3810 : +38
58 : #1f380f : +40
60 : #1f390e : +42
62 : #1f3a0e : +44
64 : #1e3b0d : +46
66 : #1e3b0c : +48
68 : #1e3c0b : +50
70 : #1e3d0b : +52
72 : #1e3d0a : +54
74 : #1e3e09 : +56
76 : #1d3f09 : +58
78 : #1d4008 : +60
80 : #1d4007 : +62
82 : #1d4106 : +64
84 : #1d4206 : +66
86 : #1d4205 : +68
88 : #1c4304 : +70
90 : #1c4404 : +72
92 : #1c4503 : +74
94 : #1c4502 : +76
96 : #1c4601 : +78
98 : #1c4701 : +80
100 : #1b4700 : +82
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #050604 : -12
4 : #0a0c08 : -10
6 : #0f120d : -8
8 : #141811 : -6
10 : #181e15 : -4
12 : #1d2419 : -2
14 : #222a1d : ±0
16 : #273021 : +2
18 : #2c3626 : +4
20 : #313c2a : +6
22 : #36422e : +8
24 : #3b4832 : +10
26 : #404e36 : +12
28 : #44543b : +14
30 : #495a3f : +16
32 : #4e6043 : +18
34 : #536647 : +20
36 : #586c4b : +22
38 : #5d724f : +24
40 : #627854 : +26
42 : #677e58 : +28
44 : #6b845c : +30
46 : #708a60 : +32
48 : #759064 : +34
50 : #7a9669 : +36
52 : #7f9b6f : +38
54 : #859f75 : +40
56 : #8aa37b : +42
58 : #8fa781 : +44
60 : #95ab87 : +46
62 : #9ab08d : +48
64 : #9fb493 : +50
66 : #a5b899 : +52
68 : #aabc9f : +54
70 : #afc0a5 : +56
72 : #b5c4ab : +58
74 : #bac9b1 : +60
76 : #bfcdb7 : +62
78 : #c5d1bd : +64
80 : #cad5c3 : +66
82 : #cfd9c9 : +68
84 : #d4decf : +70
86 : #dae2d5 : +72
88 : #dfe6db : +74
90 : #e4eae1 : +76
92 : #eaeee7 : +78
94 : #eff2ed : +80
96 : #f4f7f3 : +82
98 : #fafbf9 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow