#363031
RGB ( 赤 = 54, 緑 = 48, 青 = 49 )
HSL ( 色相 = 350°, 彩度 = 6%, 明度 = 20% )
H : 色相 ( 350° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #363030 : -350
10 : #363130 : -340
20 : #363230 : -330
30 : #363330 : -320
40 : #363430 : -310
50 : #363530 : -300
60 : #363630 : -290
70 : #353630 : -280
80 : #343630 : -270
90 : #333630 : -260
100 : #323630 : -250
110 : #313630 : -240
120 : #303630 : -230
130 : #303631 : -220
140 : #303632 : -210
150 : #303633 : -200
160 : #303634 : -190
170 : #303635 : -180
180 : #303636 : -170
190 : #303536 : -160
200 : #303436 : -150
210 : #303336 : -140
220 : #303236 : -130
230 : #303136 : -120
240 : #303036 : -110
250 : #313036 : -100
260 : #323036 : -90
270 : #333036 : -80
280 : #343036 : -70
290 : #353036 : -60
300 : #363036 : -50
310 : #363035 : -40
320 : #363034 : -30
330 : #363033 : -20
340 : #363032 : -10
350 : #363031 : ±0
340 : #363032 : -10
341 : #363032 : -9
342 : #363032 : -8
343 : #363032 : -7
344 : #363032 : -6
345 : #363031 : -5
346 : #363031 : -4
347 : #363031 : -3
348 : #363031 : -2
349 : #363031 : -1
350 : #363031 : ±0
351 : #363031 : +1
352 : #363031 : +2
353 : #363031 : +3
354 : #363031 : +4
355 : #363030 : +5
356 : #363030 : +6
357 : #363030 : +7
358 : #363030 : +8
359 : #363030 : +9
0 : #363030 : -350
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -6
2 : #343232 : -4
4 : #353132 : -2
6 : #363031 : ±0
8 : #372f30 : +2
10 : #382e30 : +4
12 : #392d2f : +6
14 : #3a2c2e : +8
16 : #3b2b2e : +10
18 : #3c2a2d : +12
20 : #3d292c : +14
22 : #3e282c : +16
24 : #3f272b : +18
26 : #40262a : +20
28 : #412529 : +22
30 : #422429 : +24
32 : #432328 : +26
34 : #442227 : +28
36 : #452127 : +30
38 : #462026 : +32
40 : #471f25 : +34
42 : #481e25 : +36
44 : #491d24 : +38
46 : #4a1c23 : +40
48 : #4b1b23 : +42
50 : #4d1a22 : +44
52 : #4e1821 : +46
54 : #4f1721 : +48
56 : #501620 : +50
58 : #51151f : +52
60 : #52141f : +54
62 : #53131e : +56
64 : #54121d : +58
66 : #55111d : +60
68 : #56101c : +62
70 : #570f1b : +64
72 : #580e1b : +66
74 : #590d1a : +68
76 : #5a0c19 : +70
78 : #5b0b18 : +72
80 : #5c0a18 : +74
82 : #5d0917 : +76
84 : #5e0816 : +78
86 : #5f0716 : +80
88 : #600615 : +82
90 : #610514 : +84
92 : #620414 : +86
94 : #630313 : +88
96 : #640212 : +90
98 : #650112 : +92
100 : #660011 : +94
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #050505 : -18
4 : #0b0a0a : -16
6 : #100e0f : -14
8 : #161314 : -12
10 : #1b1818 : -10
12 : #201d1d : -8
14 : #262222 : -6
16 : #2b2627 : -4
18 : #312b2c : -2
20 : #363031 : ±0
22 : #3b3536 : +2
24 : #413a3b : +4
26 : #463e40 : +6
28 : #4c4345 : +8
30 : #514849 : +10
32 : #564d4e : +12
34 : #5c5153 : +14
36 : #615658 : +16
38 : #675b5d : +18
40 : #6c6062 : +20
42 : #726567 : +22
44 : #77696c : +24
46 : #7c6e71 : +26
48 : #827376 : +28
50 : #87787a : +30
52 : #8c7d80 : +32
54 : #918385 : +34
56 : #96888a : +36
58 : #9a8d90 : +38
60 : #9f9395 : +40
62 : #a4989a : +42
64 : #a99ea0 : +44
66 : #aea3a5 : +46
68 : #b2a9aa : +48
70 : #b7aeaf : +50
72 : #bcb3b5 : +52
74 : #c1b9ba : +54
76 : #c5bebf : +56
78 : #cac4c5 : +58
80 : #cfc9ca : +60
82 : #d4cecf : +62
84 : #d9d4d5 : +64
86 : #ddd9da : +66
88 : #e2dfdf : +68
90 : #e7e4e4 : +70
92 : #ece9ea : +72
94 : #f1efef : +74
96 : #f5f4f4 : +76
98 : #fafafa : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow