#4d3300
RGB ( 赤 = 77, 緑 = 51, 青 = 0 )
HSL ( 色相 = 40°, 彩度 = 100%, 明度 = 15% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4d0000 : -40
10 : #4d0d00 : -30
20 : #4d1a00 : -20
30 : #4d2600 : -10
40 : #4d3300 : ±0
50 : #4d4000 : +10
60 : #4d4d00 : +20
70 : #404d00 : +30
80 : #334d00 : +40
90 : #264d00 : +50
100 : #1a4d00 : +60
110 : #0d4d00 : +70
120 : #004d00 : +80
130 : #004d0d : +90
140 : #004d1a : +100
150 : #004d26 : +110
160 : #004d33 : +120
170 : #004d40 : +130
180 : #004d4d : +140
190 : #00404d : +150
200 : #00334d : +160
210 : #00264d : +170
220 : #001a4d : +180
230 : #000d4d : +190
240 : #00004d : +200
250 : #0d004d : +210
260 : #1a004d : +220
270 : #26004d : +230
280 : #33004d : +240
290 : #40004d : +250
300 : #4d004d : +260
310 : #4d0040 : +270
320 : #4d0033 : +280
330 : #4d0026 : +290
340 : #4d001a : +300
350 : #4d000d : +310
30 : #4d2600 : -10
31 : #4d2800 : -9
32 : #4d2900 : -8
33 : #4d2a00 : -7
34 : #4d2b00 : -6
35 : #4d2d00 : -5
36 : #4d2e00 : -4
37 : #4d2f00 : -3
38 : #4d3000 : -2
39 : #4d3200 : -1
40 : #4d3300 : ±0
41 : #4d3400 : +1
42 : #4d3600 : +2
43 : #4d3700 : +3
44 : #4d3800 : +4
45 : #4d3900 : +5
46 : #4d3b00 : +6
47 : #4d3c00 : +7
48 : #4d3d00 : +8
49 : #4d3e00 : +9
50 : #4d4000 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -100
2 : #272725 : -98
4 : #282725 : -96
6 : #292724 : -94
8 : #292723 : -92
10 : #2a2822 : -90
12 : #2b2822 : -88
14 : #2c2821 : -86
16 : #2c2820 : -84
18 : #2d291f : -82
20 : #2e291f : -80
22 : #2f291e : -78
24 : #2f291d : -76
26 : #302a1c : -74
28 : #312a1c : -72
30 : #322a1b : -70
32 : #322a1a : -68
34 : #332b19 : -66
36 : #342b18 : -64
38 : #352b18 : -62
40 : #362b17 : -60
42 : #362c16 : -58
44 : #372c15 : -56
46 : #382c15 : -54
48 : #392c14 : -52
50 : #392d13 : -50
52 : #3a2d12 : -48
54 : #3b2d12 : -46
56 : #3c2d11 : -44
58 : #3c2e10 : -42
60 : #3d2e0f : -40
62 : #3e2e0f : -38
64 : #3f2e0e : -36
66 : #3f2f0d : -34
68 : #402f0c : -32
70 : #412f0b : -30
72 : #422f0b : -28
74 : #43300a : -26
76 : #433009 : -24
78 : #443008 : -22
80 : #453008 : -20
82 : #463107 : -18
84 : #463106 : -16
86 : #473105 : -14
88 : #483105 : -12
90 : #493204 : -10
92 : #493203 : -8
94 : #4a3202 : -6
96 : #4b3202 : -4
98 : #4c3301 : -2
100 : #4d3300 : ±0
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #050300 : -14
3 : #0f0a00 : -12
5 : #1a1100 : -10
7 : #241800 : -8
9 : #2e1f00 : -6
11 : #382500 : -4
13 : #422c00 : -2
15 : #4d3300 : ±0
17 : #573a00 : +2
19 : #614100 : +4
21 : #6b4700 : +6
23 : #754e00 : +8
25 : #805500 : +10
27 : #8a5c00 : +12
29 : #946300 : +14
31 : #9e6900 : +16
33 : #a87000 : +18
35 : #b37700 : +20
37 : #bd7e00 : +22
39 : #c78500 : +24
41 : #d18b00 : +26
43 : #db9200 : +28
45 : #e69900 : +30
47 : #f0a000 : +32
49 : #faa700 : +34
51 : #ffac05 : +36
53 : #ffaf0f : +38
55 : #ffb31a : +40
57 : #ffb624 : +42
59 : #ffb92e : +44
61 : #ffbd38 : +46
63 : #ffc042 : +48
65 : #ffc44d : +50
67 : #ffc757 : +52
69 : #ffca61 : +54
71 : #ffce6b : +56
73 : #ffd175 : +58
75 : #ffd580 : +60
77 : #ffd88a : +62
79 : #ffdb94 : +64
81 : #ffdf9e : +66
83 : #ffe2a8 : +68
85 : #ffe6b3 : +70
87 : #ffe9bd : +72
89 : #ffecc7 : +74
91 : #fff0d1 : +76
93 : #fff3db : +78
95 : #fff7e6 : +80
97 : #fffaf0 : +82
99 : #fffdfa : +84
CSS入門、作ってます。
text-shadow