#322e38
RGB ( 赤 = 50, 緑 = 46, 青 = 56 )
HSL ( 色相 = 264°, 彩度 = 10%, 明度 = 20% )
H : 色相 ( 264° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #382f2e : -260
14 : #38302e : -250
24 : #38322e : -240
34 : #38342e : -230
44 : #38352e : -220
54 : #38372e : -210
64 : #37382e : -200
74 : #36382e : -190
84 : #34382e : -180
94 : #32382e : -170
104 : #31382e : -160
114 : #2f382e : -150
124 : #2e382f : -140
134 : #2e3830 : -130
144 : #2e3832 : -120
154 : #2e3834 : -110
164 : #2e3835 : -100
174 : #2e3837 : -90
184 : #2e3738 : -80
194 : #2e3638 : -70
204 : #2e3438 : -60
214 : #2e3238 : -50
224 : #2e3138 : -40
234 : #2e2f38 : -30
244 : #2f2e38 : -20
254 : #302e38 : -10
264 : #322e38 : ±0
274 : #342e38 : +10
284 : #352e38 : +20
294 : #372e38 : +30
304 : #382e37 : +40
314 : #382e36 : +50
324 : #382e34 : +60
334 : #382e32 : +70
344 : #382e31 : +80
354 : #382e2f : +90
254 : #302e38 : -10
255 : #302e38 : -9
256 : #312e38 : -8
257 : #312e38 : -7
258 : #312e38 : -6
259 : #312e38 : -5
260 : #312e38 : -4
261 : #312e38 : -3
262 : #322e38 : -2
263 : #322e38 : -1
264 : #322e38 : ±0
265 : #322e38 : +1
266 : #322e38 : +2
267 : #322e38 : +3
268 : #332e38 : +4
269 : #332e38 : +5
270 : #332e38 : +6
271 : #332e38 : +7
272 : #332e38 : +8
273 : #342e38 : +9
274 : #342e38 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -10
2 : #333234 : -8
4 : #333135 : -6
6 : #323036 : -4
8 : #322f37 : -2
10 : #322e38 : ±0
12 : #322d39 : +2
14 : #322c3a : +4
16 : #312b3b : +6
18 : #312a3c : +8
20 : #31293d : +10
22 : #31283e : +12
24 : #31273f : +14
26 : #302640 : +16
28 : #302541 : +18
30 : #302442 : +20
32 : #302343 : +22
34 : #302244 : +24
36 : #2f2145 : +26
38 : #2f2046 : +28
40 : #2f1f47 : +30
42 : #2f1e48 : +32
44 : #2f1d49 : +34
46 : #2e1c4a : +36
48 : #2e1b4b : +38
50 : #2e1a4d : +40
52 : #2e184e : +42
54 : #2d174f : +44
56 : #2d1650 : +46
58 : #2d1551 : +48
60 : #2d1452 : +50
62 : #2d1353 : +52
64 : #2c1254 : +54
66 : #2c1155 : +56
68 : #2c1056 : +58
70 : #2c0f57 : +60
72 : #2c0e58 : +62
74 : #2b0d59 : +64
76 : #2b0c5a : +66
78 : #2b0b5b : +68
80 : #2b0a5c : +70
82 : #2b095d : +72
84 : #2a085e : +74
86 : #2a075f : +76
88 : #2a0660 : +78
90 : #2a0561 : +80
92 : #2a0462 : +82
94 : #290363 : +84
96 : #290264 : +86
98 : #290165 : +88
100 : #290066 : +90
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #050506 : -18
4 : #0a090b : -16
6 : #0f0e11 : -14
8 : #141216 : -12
10 : #19171c : -10
12 : #1e1c22 : -8
14 : #232027 : -6
16 : #28252d : -4
18 : #2d2932 : -2
20 : #322e38 : ±0
22 : #37323e : +2
24 : #3c3743 : +4
26 : #413c49 : +6
28 : #46404f : +8
30 : #4b4554 : +10
32 : #50495a : +12
34 : #554e5f : +14
36 : #5a5365 : +16
38 : #5f576b : +18
40 : #645c70 : +20
42 : #696076 : +22
44 : #6e657b : +24
46 : #736a81 : +26
48 : #786e87 : +28
50 : #7d738c : +30
52 : #827891 : +32
54 : #877e95 : +34
56 : #8d849a : +36
58 : #92899f : +38
60 : #978fa3 : +40
62 : #9c94a8 : +42
64 : #a19aac : +44
66 : #a7a0b1 : +46
68 : #aca5b6 : +48
70 : #b1abba : +50
72 : #b6b0bf : +52
74 : #bbb6c3 : +54
76 : #c1bcc8 : +56
78 : #c6c1cd : +58
80 : #cbc7d1 : +60
82 : #d0cdd6 : +62
84 : #d5d2da : +64
86 : #dbd8df : +66
88 : #e0dde3 : +68
90 : #e5e3e8 : +70
92 : #eae9ed : +72
94 : #efeef1 : +74
96 : #f5f4f6 : +76
98 : #faf9fa : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow