#222e1a
RGB ( 赤 = 34, 緑 = 46, 青 = 26 )
HSL ( 色相 = 96°, 彩度 = 28%, 明度 = 14% )
H : 色相 ( 96° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #2e1c1a : -90
16 : #2e1f1a : -80
26 : #2e221a : -70
36 : #2e261a : -60
46 : #2e291a : -50
56 : #2e2c1a : -40
66 : #2c2e1a : -30
76 : #282e1a : -20
86 : #252e1a : -10
96 : #222e1a : ±0
106 : #1e2e1a : +10
116 : #1b2e1a : +20
126 : #1a2e1c : +30
136 : #1a2e1f : +40
146 : #1a2e22 : +50
156 : #1a2e26 : +60
166 : #1a2e29 : +70
176 : #1a2e2c : +80
186 : #1a2c2e : +90
196 : #1a282e : +100
206 : #1a252e : +110
216 : #1a222e : +120
226 : #1a1e2e : +130
236 : #1a1b2e : +140
246 : #1c1a2e : +150
256 : #1f1a2e : +160
266 : #221a2e : +170
276 : #261a2e : +180
286 : #291a2e : +190
296 : #2c1a2e : +200
306 : #2e1a2c : +210
316 : #2e1a28 : +220
326 : #2e1a25 : +230
336 : #2e1a22 : +240
346 : #2e1a1e : +250
356 : #2e1a1b : +260
86 : #252e1a : -10
87 : #252e1a : -9
88 : #242e1a : -8
89 : #242e1a : -7
90 : #242e1a : -6
91 : #232e1a : -5
92 : #232e1a : -4
93 : #232e1a : -3
94 : #222e1a : -2
95 : #222e1a : -1
96 : #222e1a : ±0
97 : #212e1a : +1
98 : #212e1a : +2
99 : #212e1a : +3
100 : #202e1a : +4
101 : #202e1a : +5
102 : #202e1a : +6
103 : #1f2e1a : +7
104 : #1f2e1a : +8
105 : #1f2e1a : +9
106 : #1e2e1a : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -28
2 : #242423 : -26
4 : #232522 : -24
6 : #232622 : -22
8 : #232721 : -20
10 : #232720 : -18
12 : #23281f : -16
14 : #23291f : -14
16 : #23291e : -12
18 : #222a1d : -10
20 : #222b1d : -8
22 : #222c1c : -6
24 : #222c1b : -4
26 : #222d1a : -2
28 : #222e1a : ±0
30 : #222e19 : +2
32 : #212f18 : +4
34 : #213018 : +6
36 : #213117 : +8
38 : #213116 : +10
40 : #213215 : +12
42 : #213315 : +14
44 : #213314 : +16
46 : #203413 : +18
48 : #203513 : +20
50 : #203612 : +22
52 : #203611 : +24
54 : #203710 : +26
56 : #203810 : +28
58 : #20380f : +30
60 : #1f390e : +32
62 : #1f3a0e : +34
64 : #1f3b0d : +36
66 : #1f3b0c : +38
68 : #1f3c0b : +40
70 : #1f3d0b : +42
72 : #1f3d0a : +44
74 : #1e3e09 : +46
76 : #1e3f09 : +48
78 : #1e4008 : +50
80 : #1e4007 : +52
82 : #1e4106 : +54
84 : #1e4206 : +56
86 : #1e4205 : +58
88 : #1d4304 : +60
90 : #1d4404 : +62
92 : #1d4503 : +64
94 : #1d4502 : +66
96 : #1d4601 : +68
98 : #1d4701 : +70
100 : #1d4700 : +72
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #050704 : -12
4 : #0a0d07 : -10
6 : #0e140b : -8
8 : #131a0f : -6
10 : #182112 : -4
12 : #1d2716 : -2
14 : #222e1a : ±0
16 : #27341d : +2
18 : #2b3b21 : +4
20 : #304125 : +6
22 : #354828 : +8
24 : #3a4e2c : +10
26 : #3f5530 : +12
28 : #435b33 : +14
30 : #486237 : +16
32 : #4d683b : +18
34 : #526f3e : +20
36 : #577642 : +22
38 : #5b7c46 : +24
40 : #608349 : +26
42 : #65894d : +28
44 : #6a9051 : +30
46 : #6f9654 : +32
48 : #749d58 : +34
50 : #78a35c : +36
52 : #7ea762 : +38
54 : #83ab69 : +40
56 : #89ae6f : +42
58 : #8eb276 : +44
60 : #93b67c : +46
62 : #99b983 : +48
64 : #9ebd89 : +50
66 : #a3c190 : +52
68 : #a9c497 : +54
70 : #aec89d : +56
72 : #b4cca4 : +58
74 : #b9cfaa : +60
76 : #bed3b1 : +62
78 : #c4d7b7 : +64
80 : #c9dabe : +66
82 : #cfdec4 : +68
84 : #d4e2cb : +70
86 : #d9e5d1 : +72
88 : #dfe9d8 : +74
90 : #e4edde : +76
92 : #e9f0e5 : +78
94 : #eff4eb : +80
96 : #f4f8f2 : +82
98 : #fafbf8 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow