#50400c
RGB ( 赤 = 80, 緑 = 64, 青 = 12 )
HSL ( 色相 = 46°, 彩度 = 74%, 明度 = 18% )
H : 色相 ( 46° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #50130c : -40
16 : #501e0c : -30
26 : #50290c : -20
36 : #50350c : -10
46 : #50400c : ±0
56 : #504b0c : +10
66 : #49500c : +20
76 : #3e500c : +30
86 : #32500c : +40
96 : #27500c : +50
106 : #1c500c : +60
116 : #10500c : +70
126 : #0c5013 : +80
136 : #0c501e : +90
146 : #0c5029 : +100
156 : #0c5035 : +110
166 : #0c5040 : +120
176 : #0c504b : +130
186 : #0c4950 : +140
196 : #0c3e50 : +150
206 : #0c3250 : +160
216 : #0c2750 : +170
226 : #0c1c50 : +180
236 : #0c1050 : +190
246 : #130c50 : +200
256 : #1e0c50 : +210
266 : #290c50 : +220
276 : #350c50 : +230
286 : #400c50 : +240
296 : #4b0c50 : +250
306 : #500c49 : +260
316 : #500c3e : +270
326 : #500c32 : +280
336 : #500c27 : +290
346 : #500c1c : +300
356 : #500c10 : +310
36 : #50350c : -10
37 : #50360c : -9
38 : #50370c : -8
39 : #50380c : -7
40 : #50390c : -6
41 : #503a0c : -5
42 : #503b0c : -4
43 : #503d0c : -3
44 : #503e0c : -2
45 : #503f0c : -1
46 : #50400c : ±0
47 : #50410c : +1
48 : #50420c : +2
49 : #50430c : +3
50 : #50450c : +4
51 : #50460c : +5
52 : #50470c : +6
53 : #50480c : +7
54 : #50490c : +8
55 : #504a0c : +9
56 : #504b0c : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -74
2 : #2f2e2d : -72
4 : #302f2c : -70
6 : #312f2b : -68
8 : #32302a : -66
10 : #323029 : -64
12 : #333128 : -62
14 : #343127 : -60
16 : #353227 : -58
18 : #363226 : -56
20 : #373325 : -54
22 : #383324 : -52
24 : #393423 : -50
26 : #3a3422 : -48
28 : #3b3521 : -46
30 : #3c3520 : -44
32 : #3d361f : -42
34 : #3e361e : -40
36 : #3e371d : -38
38 : #3f371c : -36
40 : #40381c : -34
42 : #41381b : -32
44 : #42391a : -30
46 : #433919 : -28
48 : #443a18 : -26
50 : #453a17 : -24
52 : #463b16 : -22
54 : #473b15 : -20
56 : #483c14 : -18
58 : #493c13 : -16
60 : #493d12 : -14
62 : #4a3d11 : -12
64 : #4b3e11 : -10
66 : #4c3e10 : -8
68 : #4d3f0f : -6
70 : #4e3f0e : -4
72 : #4f400d : -2
74 : #50400c : ±0
76 : #51410b : +2
78 : #52410a : +4
80 : #534109 : +6
82 : #544208 : +8
84 : #544207 : +10
86 : #554306 : +12
88 : #564306 : +14
90 : #574405 : +16
92 : #584404 : +18
94 : #594503 : +20
96 : #5a4502 : +22
98 : #5b4601 : +24
100 : #5c4600 : +26
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #090701 : -16
4 : #120e03 : -14
6 : #1b1504 : -12
8 : #231c05 : -10
10 : #2c2407 : -8
12 : #352b08 : -6
14 : #3e3209 : -4
16 : #47390b : -2
18 : #50400c : ±0
20 : #59470d : +2
22 : #624e0f : +4
24 : #6a5510 : +6
26 : #735c11 : +8
28 : #7c6413 : +10
30 : #856b14 : +12
32 : #8e7215 : +14
34 : #977917 : +16
36 : #a08018 : +18
38 : #a98719 : +20
40 : #b18e1b : +22
42 : #ba951c : +24
44 : #c39c1d : +26
46 : #cca41e : +28
48 : #d5ab20 : +30
50 : #deb221 : +32
52 : #dfb52a : +34
54 : #e1b833 : +36
56 : #e2bb3c : +38
58 : #e3be45 : +40
60 : #e4c14e : +42
62 : #e6c456 : +44
64 : #e7c75f : +46
66 : #e8cb68 : +48
68 : #eace71 : +50
70 : #ebd17a : +52
72 : #ecd483 : +54
74 : #eed78c : +56
76 : #efda95 : +58
78 : #f0dd9d : +60
80 : #f2e0a6 : +62
82 : #f3e3af : +64
84 : #f4e6b8 : +66
86 : #f6e9c1 : +68
88 : #f7ecca : +70
90 : #f8f0d3 : +72
92 : #faf3dc : +74
94 : #fbf6e4 : +76
96 : #fcf9ed : +78
98 : #fefcf6 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow