#22363a
RGB ( 赤 = 34, 緑 = 54, 青 = 58 )
HSL ( 色相 = 190°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 190° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3a2222 : -190
10 : #3a2622 : -180
20 : #3a2a22 : -170
30 : #3a2e22 : -160
40 : #3a3222 : -150
50 : #3a3622 : -140
60 : #3a3a22 : -130
70 : #363a22 : -120
80 : #323a22 : -110
90 : #2e3a22 : -100
100 : #2a3a22 : -90
110 : #263a22 : -80
120 : #223a22 : -70
130 : #223a26 : -60
140 : #223a2a : -50
150 : #223a2e : -40
160 : #223a32 : -30
170 : #223a36 : -20
180 : #223a3a : -10
190 : #22363a : ±0
200 : #22323a : +10
210 : #222e3a : +20
220 : #222a3a : +30
230 : #22263a : +40
240 : #22223a : +50
250 : #26223a : +60
260 : #2a223a : +70
270 : #2e223a : +80
280 : #32223a : +90
290 : #36223a : +100
300 : #3a223a : +110
310 : #3a2236 : +120
320 : #3a2232 : +130
330 : #3a222e : +140
340 : #3a222a : +150
350 : #3a2226 : +160
180 : #223a3a : -10
181 : #22393a : -9
182 : #22393a : -8
183 : #22393a : -7
184 : #22383a : -6
185 : #22383a : -5
186 : #22373a : -4
187 : #22373a : -3
188 : #22373a : -2
189 : #22363a : -1
190 : #22363a : ±0
191 : #22353a : +1
192 : #22353a : +2
193 : #22353a : +3
194 : #22343a : +4
195 : #22343a : +5
196 : #22333a : +6
197 : #22333a : +7
198 : #22333a : +8
199 : #22323a : +9
200 : #22323a : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2d2f2f : -24
4 : #2c2f30 : -22
6 : #2b3031 : -20
8 : #2a3032 : -18
10 : #293132 : -16
12 : #283233 : -14
14 : #273234 : -12
16 : #273335 : -10
18 : #263336 : -8
20 : #253437 : -6
22 : #243538 : -4
24 : #233539 : -2
26 : #22363a : ±0
28 : #21363b : +2
30 : #20373c : +4
32 : #1f383d : +6
34 : #1e383e : +8
36 : #1d393e : +10
38 : #1c3a3f : +12
40 : #1c3a40 : +14
42 : #1b3b41 : +16
44 : #1a3b42 : +18
46 : #193c43 : +20
48 : #183d44 : +22
50 : #173d45 : +24
52 : #163e46 : +26
54 : #153e47 : +28
56 : #143f48 : +30
58 : #134049 : +32
60 : #124049 : +34
62 : #11414a : +36
64 : #11414b : +38
66 : #10424c : +40
68 : #0f434d : +42
70 : #0e434e : +44
72 : #0d444f : +46
74 : #0c4550 : +48
76 : #0b4551 : +50
78 : #0a4652 : +52
80 : #094653 : +54
82 : #084754 : +56
84 : #074854 : +58
86 : #064855 : +60
88 : #064956 : +62
90 : #054957 : +64
92 : #044a58 : +66
94 : #034b59 : +68
96 : #024b5a : +70
98 : #014c5b : +72
100 : #004d5c : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #040606 : -16
4 : #080c0d : -14
6 : #0b1213 : -12
8 : #0f181a : -10
10 : #131e20 : -8
12 : #172427 : -6
14 : #1a2a2d : -4
16 : #1e3033 : -2
18 : #22363a : ±0
20 : #263c40 : +2
22 : #2a4247 : +4
24 : #2d484d : +6
26 : #314e54 : +8
28 : #35545a : +10
30 : #395a60 : +12
32 : #3c6067 : +14
34 : #40666d : +16
36 : #446c74 : +18
38 : #48727a : +20
40 : #4b7881 : +22
42 : #4f7e87 : +24
44 : #53848d : +26
46 : #578a94 : +28
48 : #5b909a : +30
50 : #5e96a1 : +32
52 : #659aa4 : +34
54 : #6b9ea8 : +36
56 : #72a2ac : +38
58 : #78a6b0 : +40
60 : #7eabb4 : +42
62 : #85afb7 : +44
64 : #8bb3bb : +46
66 : #92b7bf : +48
68 : #98bcc3 : +50
70 : #9fc0c6 : +52
72 : #a5c4ca : +54
74 : #abc8ce : +56
76 : #b2ccd2 : +58
78 : #b8d1d5 : +60
80 : #bfd5d9 : +62
82 : #c5d9dd : +64
84 : #ccdde1 : +66
86 : #d2e1e5 : +68
88 : #d8e6e8 : +70
90 : #dfeaec : +72
92 : #e5eef0 : +74
94 : #ecf2f4 : +76
96 : #f2f7f7 : +78
98 : #f9fbfb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow