#50432b
RGB ( 赤 = 80, 緑 = 67, 青 = 43 )
HSL ( 色相 = 39°, 彩度 = 30%, 明度 = 24% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #50302b : -30
19 : #50362b : -20
29 : #503d2b : -10
39 : #50432b : ±0
49 : #50492b : +10
59 : #504f2b : +20
69 : #4a502b : +30
79 : #44502b : +40
89 : #3e502b : +50
99 : #38502b : +60
109 : #32502b : +70
119 : #2b502b : +80
129 : #2b5030 : +90
139 : #2b5036 : +100
149 : #2b503d : +110
159 : #2b5043 : +120
169 : #2b5049 : +130
179 : #2b504f : +140
189 : #2b4a50 : +150
199 : #2b4450 : +160
209 : #2b3e50 : +170
219 : #2b3850 : +180
229 : #2b3250 : +190
239 : #2b2b50 : +200
249 : #302b50 : +210
259 : #362b50 : +220
269 : #3d2b50 : +230
279 : #432b50 : +240
289 : #492b50 : +250
299 : #4f2b50 : +260
309 : #502b4a : +270
319 : #502b44 : +280
329 : #502b3e : +290
339 : #502b38 : +300
349 : #502b32 : +310
359 : #502b2b : +320
29 : #503d2b : -10
30 : #503d2b : -9
31 : #503e2b : -8
32 : #503e2b : -7
33 : #503f2b : -6
34 : #50402b : -5
35 : #50402b : -4
36 : #50412b : -3
37 : #50412b : -2
38 : #50422b : -1
39 : #50432b : ±0
40 : #50432b : +1
41 : #50442b : +2
42 : #50452b : +3
43 : #50452b : +4
44 : #50462b : +5
45 : #50462b : +6
46 : #50472b : +7
47 : #50482b : +8
48 : #50482b : +9
49 : #50492b : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -30
2 : #3e3e3c : -28
4 : #403e3b : -26
6 : #413e3a : -24
8 : #423f38 : -22
10 : #433f37 : -20
12 : #453f36 : -18
14 : #464035 : -16
16 : #474033 : -14
18 : #484132 : -12
20 : #494131 : -10
22 : #4b4130 : -8
24 : #4c422f : -6
26 : #4d422d : -4
28 : #4e422c : -2
30 : #50432b : ±0
32 : #51432a : +2
34 : #524328 : +4
36 : #534427 : +6
38 : #544426 : +8
40 : #564525 : +10
42 : #574523 : +12
44 : #584522 : +14
46 : #594621 : +16
48 : #5b4620 : +18
50 : #5c461f : +20
52 : #5d471d : +22
54 : #5e471c : +24
56 : #5f471b : +26
58 : #61481a : +28
60 : #624818 : +30
62 : #634917 : +32
64 : #644916 : +34
66 : #664915 : +36
68 : #674a14 : +38
70 : #684a12 : +40
72 : #694a11 : +42
74 : #6a4b10 : +44
76 : #6c4b0f : +46
78 : #6d4c0d : +48
80 : #6e4c0c : +50
82 : #6f4c0b : +52
84 : #714d0a : +54
86 : #724d09 : +56
88 : #734d07 : +58
90 : #744e06 : +60
92 : #764e05 : +62
94 : #774e04 : +64
96 : #784f02 : +66
98 : #794f01 : +68
100 : #7a5000 : +70
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070604 : -22
4 : #0d0b07 : -20
6 : #14110b : -18
8 : #1b160e : -16
10 : #211c12 : -14
12 : #282115 : -12
14 : #2e2719 : -10
16 : #352c1d : -8
18 : #3c3220 : -6
20 : #423824 : -4
22 : #493d27 : -2
24 : #50432b : ±0
26 : #56482e : +2
28 : #5d4e32 : +4
30 : #635336 : +6
32 : #6a5939 : +8
34 : #715f3d : +10
36 : #776440 : +12
38 : #7e6a44 : +14
40 : #856f47 : +16
42 : #8b754b : +18
44 : #927a4f : +20
46 : #988052 : +22
48 : #9f8556 : +24
50 : #a68b59 : +26
52 : #a99060 : +28
54 : #ad9467 : +30
56 : #b0996d : +32
58 : #b49e74 : +34
60 : #b8a27a : +36
62 : #bba781 : +38
64 : #bfab88 : +40
66 : #c2b08e : +42
68 : #c6b595 : +44
70 : #c9b99c : +46
72 : #cdbea2 : +48
74 : #d1c3a9 : +50
76 : #d4c7af : +52
78 : #d8ccb6 : +54
80 : #dbd1bd : +56
82 : #dfd5c3 : +58
84 : #e2daca : +60
86 : #e6dfd1 : +62
88 : #eae3d7 : +64
90 : #ede8de : +66
92 : #f1ece4 : +68
94 : #f4f1eb : +70
96 : #f8f6f2 : +72
98 : #fbfaf8 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow