#163237
RGB ( 赤 = 22, 緑 = 50, 青 = 55 )
HSL ( 色相 = 189°, 彩度 = 43%, 明度 = 15% )
H : 色相 ( 189° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #371b16 : -180
19 : #372016 : -170
29 : #372616 : -160
39 : #372b16 : -150
49 : #373116 : -140
59 : #373616 : -130
69 : #323716 : -120
79 : #2c3716 : -110
89 : #273716 : -100
99 : #213716 : -90
109 : #1c3716 : -80
119 : #163716 : -70
129 : #16371b : -60
139 : #163720 : -50
149 : #163726 : -40
159 : #16372b : -30
169 : #163731 : -20
179 : #163736 : -10
189 : #163237 : ±0
199 : #162c37 : +10
209 : #162737 : +20
219 : #162137 : +30
229 : #161c37 : +40
239 : #161637 : +50
249 : #1b1637 : +60
259 : #201637 : +70
269 : #261637 : +80
279 : #2b1637 : +90
289 : #311637 : +100
299 : #361637 : +110
309 : #371632 : +120
319 : #37162c : +130
329 : #371627 : +140
339 : #371621 : +150
349 : #37161c : +160
359 : #371616 : +170
179 : #163736 : -10
180 : #163737 : -9
181 : #163637 : -8
182 : #163637 : -7
183 : #163537 : -6
184 : #163537 : -5
185 : #163437 : -4
186 : #163337 : -3
187 : #163337 : -2
188 : #163237 : -1
189 : #163237 : ±0
190 : #163137 : +1
191 : #163137 : +2
192 : #163037 : +3
193 : #163037 : +4
194 : #162f37 : +5
195 : #162e37 : +6
196 : #162e37 : +7
197 : #162d37 : +8
198 : #162d37 : +9
199 : #162c37 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262727 : -42
3 : #252727 : -40
5 : #242828 : -38
7 : #242829 : -36
9 : #23292a : -34
11 : #22292a : -32
13 : #212a2b : -30
15 : #212a2c : -28
17 : #202b2d : -26
19 : #1f2b2e : -24
21 : #1e2c2e : -22
23 : #1d2c2f : -20
25 : #1d2d30 : -18
27 : #1c2d31 : -16
29 : #1b2e31 : -14
31 : #1a2f32 : -12
33 : #1a2f33 : -10
35 : #193034 : -8
37 : #183034 : -6
39 : #173135 : -4
41 : #173136 : -2
43 : #163237 : ±0
45 : #153237 : +2
47 : #143338 : +4
49 : #143339 : +6
51 : #13343a : +8
53 : #12343b : +10
55 : #11353b : +12
57 : #10363c : +14
59 : #10363d : +16
61 : #0f373e : +18
63 : #0e373e : +20
65 : #0d383f : +22
67 : #0d3840 : +24
69 : #0c3941 : +26
71 : #0b3941 : +28
73 : #0a3a42 : +30
75 : #0a3a43 : +32
77 : #093b44 : +34
79 : #083b44 : +36
81 : #073c45 : +38
83 : #073c46 : +40
85 : #063d47 : +42
87 : #053e48 : +44
89 : #043e48 : +46
91 : #033f49 : +48
93 : #033f4a : +50
95 : #02404b : +52
97 : #01404b : +54
99 : #00414c : +56
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -14
3 : #040a0b : -12
5 : #071112 : -10
7 : #0a171a : -8
9 : #0d1e21 : -6
11 : #102428 : -4
13 : #132b2f : -2
15 : #163237 : ±0
17 : #19383e : +2
19 : #1c3f45 : +4
21 : #1f464d : +6
23 : #214c54 : +8
25 : #24535b : +10
27 : #275a62 : +12
29 : #2a606a : +14
31 : #2d6771 : +16
33 : #306d78 : +18
35 : #337480 : +20
37 : #367b87 : +22
39 : #39818e : +24
41 : #3c8896 : +26
43 : #3f8f9d : +28
45 : #4195a4 : +30
47 : #449cab : +32
49 : #47a3b3 : +34
51 : #4ca8b8 : +36
53 : #54abbb : +38
55 : #5bafbe : +40
57 : #62b2c0 : +42
59 : #69b6c3 : +44
61 : #71b9c6 : +46
63 : #78bdc9 : +48
65 : #7fc1cc : +50
67 : #87c4cf : +52
69 : #8ec8d2 : +54
71 : #95cbd5 : +56
73 : #9dcfd8 : +58
75 : #a4d2db : +60
77 : #abd6de : +62
79 : #b2dae0 : +64
81 : #badde3 : +66
83 : #c1e1e6 : +68
85 : #c8e4e9 : +70
87 : #d0e8ec : +72
89 : #d7ebef : +74
91 : #deeff2 : +76
93 : #e5f3f5 : +78
95 : #edf6f8 : +80
97 : #f4fafb : +82
99 : #fbfdfe : +84
CSS入門、作ってます。
text-shadow