#22302f
RGB ( 赤 = 34, 緑 = 48, 青 = 47 )
HSL ( 色相 = 176°, 彩度 = 17%, 明度 = 16% )
H : 色相 ( 176° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #302322 : -170
16 : #302622 : -160
26 : #302822 : -150
36 : #302a22 : -140
46 : #302c22 : -130
56 : #302f22 : -120
66 : #2e3022 : -110
76 : #2c3022 : -100
86 : #2a3022 : -90
96 : #273022 : -80
106 : #253022 : -70
116 : #233022 : -60
126 : #223023 : -50
136 : #223026 : -40
146 : #223028 : -30
156 : #22302a : -20
166 : #22302c : -10
176 : #22302f : ±0
186 : #222e30 : +10
196 : #222c30 : +20
206 : #222a30 : +30
216 : #222730 : +40
226 : #222530 : +50
236 : #222330 : +60
246 : #232230 : +70
256 : #262230 : +80
266 : #282230 : +90
276 : #2a2230 : +100
286 : #2c2230 : +110
296 : #2f2230 : +120
306 : #30222e : +130
316 : #30222c : +140
326 : #30222a : +150
336 : #302227 : +160
346 : #302225 : +170
356 : #302223 : +180
166 : #22302c : -10
167 : #22302d : -9
168 : #22302d : -8
169 : #22302d : -7
170 : #22302d : -6
171 : #22302e : -5
172 : #22302e : -4
173 : #22302e : -3
174 : #22302e : -2
175 : #22302f : -1
176 : #22302f : ±0
177 : #22302f : +1
178 : #22302f : +2
179 : #223030 : +3
180 : #223030 : +4
181 : #223030 : +5
182 : #222f30 : +6
183 : #222f30 : +7
184 : #222f30 : +8
185 : #222f30 : +9
186 : #222e30 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #282929 : -16
3 : #282a2a : -14
5 : #272b2b : -12
7 : #262c2b : -10
9 : #252c2c : -8
11 : #242d2d : -6
13 : #232e2d : -4
15 : #232f2e : -2
17 : #22302f : ±0
19 : #213130 : +2
21 : #203130 : +4
23 : #1f3231 : +6
25 : #1f3332 : +8
27 : #1e3432 : +10
29 : #1d3533 : +12
31 : #1c3534 : +14
33 : #1b3634 : +16
35 : #1b3735 : +18
37 : #1a3836 : +20
39 : #193937 : +22
41 : #183a37 : +24
43 : #173a38 : +26
45 : #163b39 : +28
47 : #163c39 : +30
49 : #153d3a : +32
51 : #143e3b : +34
53 : #133e3c : +36
55 : #123f3c : +38
57 : #12403d : +40
59 : #11413e : +42
61 : #10423e : +44
63 : #0f433f : +46
65 : #0e4340 : +48
67 : #0d4440 : +50
69 : #0d4541 : +52
71 : #0c4642 : +54
73 : #0b4743 : +56
75 : #0a4743 : +58
77 : #094844 : +60
79 : #094945 : +62
81 : #084a45 : +64
83 : #074b46 : +66
85 : #064b47 : +68
87 : #054c48 : +70
89 : #044d48 : +72
91 : #044e49 : +74
93 : #034f4a : +76
95 : #02504a : +78
97 : #01504b : +80
99 : #00514c : +82
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #040606 : -14
4 : #080c0c : -12
6 : #0d1212 : -10
8 : #111817 : -8
10 : #151e1d : -6
12 : #192423 : -4
14 : #1e2a29 : -2
16 : #22302f : ±0
18 : #263635 : +2
20 : #2a3c3b : +4
22 : #2f4240 : +6
24 : #334846 : +8
26 : #374e4c : +10
28 : #3b5452 : +12
30 : #3f5a58 : +14
32 : #445f5e : +16
34 : #486563 : +18
36 : #4c6b69 : +20
38 : #50716f : +22
40 : #557775 : +24
42 : #597d7b : +26
44 : #5d8381 : +28
46 : #618987 : +30
48 : #668f8c : +32
50 : #6a9592 : +34
52 : #709997 : +36
54 : #769e9b : +38
56 : #7ca29f : +40
58 : #82a6a4 : +42
60 : #88aaa8 : +44
62 : #8eafac : +46
64 : #94b3b1 : +48
66 : #9ab7b5 : +50
68 : #a0bbb9 : +52
70 : #a5c0be : +54
72 : #abc4c2 : +56
74 : #b1c8c6 : +58
76 : #b7cccb : +60
78 : #bdd0cf : +62
80 : #c3d5d4 : +64
82 : #c9d9d8 : +66
84 : #cfdddc : +68
86 : #d5e1e1 : +70
88 : #dbe6e5 : +72
90 : #e1eae9 : +74
92 : #e7eeee : +76
94 : #edf2f2 : +78
96 : #f3f7f6 : +80
98 : #f9fbfb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow