#4d4d04
RGB ( 赤 = 77, 緑 = 77, 青 = 4 )
HSL ( 色相 = 60°, 彩度 = 90%, 明度 = 16% )
H : 色相 ( 60° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4e0404 : -60
10 : #4e1004 : -50
20 : #4e1d04 : -40
30 : #4e2904 : -30
40 : #4e3504 : -20
50 : #4e4104 : -10
60 : #4e4e04 : ±0
70 : #414e04 : +10
80 : #354e04 : +20
90 : #294e04 : +30
100 : #1d4e04 : +40
110 : #104e04 : +50
120 : #044e04 : +60
130 : #044e10 : +70
140 : #044e1d : +80
150 : #044e29 : +90
160 : #044e35 : +100
170 : #044e41 : +110
180 : #044e4e : +120
190 : #04414e : +130
200 : #04354e : +140
210 : #04294e : +150
220 : #041d4e : +160
230 : #04104e : +170
240 : #04044e : +180
250 : #10044e : +190
260 : #1d044e : +200
270 : #29044e : +210
280 : #35044e : +220
290 : #41044e : +230
300 : #4e044e : +240
310 : #4e0441 : +250
320 : #4e0435 : +260
330 : #4e0429 : +270
340 : #4e041d : +280
350 : #4e0410 : +290
50 : #4e4104 : -10
51 : #4e4304 : -9
52 : #4e4404 : -8
53 : #4e4504 : -7
54 : #4e4604 : -6
55 : #4e4704 : -5
56 : #4e4904 : -4
57 : #4e4a04 : -3
58 : #4e4b04 : -2
59 : #4e4c04 : -1
60 : #4e4e04 : ±0
61 : #4c4e04 : +1
62 : #4b4e04 : +2
63 : #4a4e04 : +3
64 : #494e04 : +4
65 : #474e04 : +5
66 : #464e04 : +6
67 : #454e04 : +7
68 : #444e04 : +8
69 : #434e04 : +9
70 : #414e04 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -90
2 : #2a2a28 : -88
4 : #2a2a27 : -86
6 : #2b2b26 : -84
8 : #2c2c26 : -82
10 : #2d2d25 : -80
12 : #2e2e24 : -78
14 : #2f2f23 : -76
16 : #2f2f22 : -74
18 : #303021 : -72
20 : #313121 : -70
22 : #323220 : -68
24 : #33331f : -66
26 : #33331e : -64
28 : #34341d : -62
30 : #35351d : -60
32 : #36361c : -58
34 : #37371b : -56
36 : #37371a : -54
38 : #383819 : -52
40 : #393918 : -50
42 : #3a3a18 : -48
44 : #3b3b17 : -46
46 : #3c3c16 : -44
48 : #3c3c15 : -42
50 : #3d3d14 : -40
52 : #3e3e14 : -38
54 : #3f3f13 : -36
56 : #404012 : -34
58 : #404011 : -32
60 : #414110 : -30
62 : #424210 : -28
64 : #43430f : -26
66 : #44440e : -24
68 : #45450d : -22
70 : #45450c : -20
72 : #46460b : -18
74 : #47470b : -16
76 : #48480a : -14
78 : #494909 : -12
80 : #494908 : -10
82 : #4a4a07 : -8
84 : #4b4b07 : -6
86 : #4c4c06 : -4
88 : #4d4d05 : -2
90 : #4e4e04 : ±0
92 : #4e4e03 : +2
94 : #4f4f02 : +4
96 : #505002 : +6
98 : #515101 : +8
100 : #525200 : +10
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #0a0a01 : -14
4 : #131301 : -12
6 : #1d1d02 : -10
8 : #272702 : -8
10 : #303003 : -6
12 : #3a3a03 : -4
14 : #444404 : -2
16 : #4e4e04 : ±0
18 : #575705 : +2
20 : #616105 : +4
22 : #6b6b06 : +6
24 : #747406 : +8
26 : #7e7e07 : +10
28 : #888807 : +12
30 : #919108 : +14
32 : #9b9b08 : +16
34 : #a5a509 : +18
36 : #aeae09 : +20
38 : #b8b80a : +22
40 : #c2c20a : +24
42 : #cbcb0b : +26
44 : #d5d50b : +28
46 : #dfdf0c : +30
48 : #e9e90c : +32
50 : #f2f20d : +34
52 : #f3f316 : +36
54 : #f3f320 : +38
56 : #f4f42a : +40
58 : #f4f434 : +42
60 : #f5f53d : +44
62 : #f5f547 : +46
64 : #f6f651 : +48
66 : #f6f65a : +50
68 : #f7f764 : +52
70 : #f7f76e : +54
72 : #f8f877 : +56
74 : #f8f881 : +58
76 : #f9f98b : +60
78 : #f9f994 : +62
80 : #fafa9e : +64
82 : #fafaa8 : +66
84 : #fbfbb1 : +68
86 : #fbfbbb : +70
88 : #fcfcc5 : +72
90 : #fcfccf : +74
92 : #fdfdd8 : +76
94 : #fdfde2 : +78
96 : #fefeec : +80
98 : #fefef5 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow