#22333a
RGB ( 赤 = 34, 緑 = 51, 青 = 58 )
HSL ( 色相 = 198°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 198° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #3a2522 : -190
18 : #3a2922 : -180
28 : #3a2d22 : -170
38 : #3a3122 : -160
48 : #3a3522 : -150
58 : #3a3922 : -140
68 : #373a22 : -130
78 : #333a22 : -120
88 : #2f3a22 : -110
98 : #2b3a22 : -100
108 : #273a22 : -90
118 : #233a22 : -80
128 : #223a25 : -70
138 : #223a29 : -60
148 : #223a2d : -50
158 : #223a31 : -40
168 : #223a35 : -30
178 : #223a39 : -20
188 : #22373a : -10
198 : #22333a : ±0
208 : #222f3a : +10
218 : #222b3a : +20
228 : #22273a : +30
238 : #22233a : +40
248 : #25223a : +50
258 : #29223a : +60
268 : #2d223a : +70
278 : #31223a : +80
288 : #35223a : +90
298 : #39223a : +100
308 : #3a2237 : +110
318 : #3a2233 : +120
328 : #3a222f : +130
338 : #3a222b : +140
348 : #3a2227 : +150
358 : #3a2223 : +160
188 : #22373a : -10
189 : #22363a : -9
190 : #22363a : -8
191 : #22353a : -7
192 : #22353a : -6
193 : #22353a : -5
194 : #22343a : -4
195 : #22343a : -3
196 : #22333a : -2
197 : #22333a : -1
198 : #22333a : ±0
199 : #22323a : +1
200 : #22323a : +2
201 : #22313a : +3
202 : #22313a : +4
203 : #22313a : +5
204 : #22303a : +6
205 : #22303a : +7
206 : #222f3a : +8
207 : #222f3a : +9
208 : #222f3a : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2d2e2f : -24
4 : #2c2f30 : -22
6 : #2b2f31 : -20
8 : #2a2f32 : -18
10 : #293032 : -16
12 : #283033 : -14
14 : #273034 : -12
16 : #273135 : -10
18 : #263136 : -8
20 : #253237 : -6
22 : #243238 : -4
24 : #233239 : -2
26 : #22333a : ±0
28 : #21333b : +2
30 : #20333c : +4
32 : #1f343d : +6
34 : #1e343e : +8
36 : #1d353e : +10
38 : #1c353f : +12
40 : #1c3540 : +14
42 : #1b3641 : +16
44 : #1a3642 : +18
46 : #193643 : +20
48 : #183744 : +22
50 : #173745 : +24
52 : #163746 : +26
54 : #153847 : +28
56 : #143848 : +30
58 : #133949 : +32
60 : #123949 : +34
62 : #11394a : +36
64 : #113a4b : +38
66 : #103a4c : +40
68 : #0f3a4d : +42
70 : #0e3b4e : +44
72 : #0d3b4f : +46
74 : #0c3b50 : +48
76 : #0b3c51 : +50
78 : #0a3c52 : +52
80 : #093d53 : +54
82 : #083d54 : +56
84 : #073d54 : +58
86 : #063e55 : +60
88 : #063e56 : +62
90 : #053e57 : +64
92 : #043f58 : +66
94 : #033f59 : +68
96 : #02405a : +70
98 : #01405b : +72
100 : #00405c : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #040606 : -16
4 : #080b0d : -14
6 : #0b1113 : -12
8 : #0f171a : -10
10 : #131c20 : -8
12 : #172227 : -6
14 : #1a272d : -4
16 : #1e2d33 : -2
18 : #22333a : ±0
20 : #263840 : +2
22 : #2a3e47 : +4
24 : #2d444d : +6
26 : #314954 : +8
28 : #354f5a : +10
30 : #395460 : +12
32 : #3c5a67 : +14
34 : #40606d : +16
36 : #446574 : +18
38 : #486b7a : +20
40 : #4b7181 : +22
42 : #4f7687 : +24
44 : #537c8d : +26
46 : #578194 : +28
48 : #5b879a : +30
50 : #5e8da1 : +32
52 : #6591a4 : +34
54 : #6b96a8 : +36
56 : #729aac : +38
58 : #789fb0 : +40
60 : #7ea4b4 : +42
62 : #85a8b7 : +44
64 : #8badbb : +46
66 : #92b1bf : +48
68 : #98b6c3 : +50
70 : #9fbac6 : +52
72 : #a5bfca : +54
74 : #abc4ce : +56
76 : #b2c8d2 : +58
78 : #b8cdd5 : +60
80 : #bfd1d9 : +62
82 : #c5d6dd : +64
84 : #ccdae1 : +66
86 : #d2dfe5 : +68
88 : #d8e4e8 : +70
90 : #dfe8ec : +72
92 : #e5edf0 : +74
94 : #ecf1f4 : +76
96 : #f2f6f7 : +78
98 : #f9fafb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow