#5a5044
RGB ( 赤 = 90, 緑 = 80, 青 = 68 )
HSL ( 色相 = 33°, 彩度 = 14%, 明度 = 31% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #5a4544 : -30
13 : #5a4944 : -20
23 : #5a4c44 : -10
33 : #5a5044 : ±0
43 : #5a5444 : +10
53 : #5a5844 : +20
63 : #595a44 : +30
73 : #555a44 : +40
83 : #525a44 : +50
93 : #4e5a44 : +60
103 : #4a5a44 : +70
113 : #475a44 : +80
123 : #445a45 : +90
133 : #445a49 : +100
143 : #445a4c : +110
153 : #445a50 : +120
163 : #445a54 : +130
173 : #445a58 : +140
183 : #44595a : +150
193 : #44555a : +160
203 : #44525a : +170
213 : #444e5a : +180
223 : #444a5a : +190
233 : #44475a : +200
243 : #45445a : +210
253 : #49445a : +220
263 : #4c445a : +230
273 : #50445a : +240
283 : #54445a : +250
293 : #58445a : +260
303 : #5a4459 : +270
313 : #5a4455 : +280
323 : #5a4452 : +290
333 : #5a444e : +300
343 : #5a444a : +310
353 : #5a4447 : +320
23 : #5a4c44 : -10
24 : #5a4d44 : -9
25 : #5a4d44 : -8
26 : #5a4e44 : -7
27 : #5a4e44 : -6
28 : #5a4e44 : -5
29 : #5a4f44 : -4
30 : #5a4f44 : -3
31 : #5a4f44 : -2
32 : #5a5044 : -1
33 : #5a5044 : ±0
34 : #5a5144 : +1
35 : #5a5144 : +2
36 : #5a5144 : +3
37 : #5a5244 : +4
38 : #5a5244 : +5
39 : #5a5244 : +6
40 : #5a5344 : +7
41 : #5a5344 : +8
42 : #5a5344 : +9
43 : #5a5444 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -14
2 : #514f4d : -12
4 : #524f4c : -10
6 : #54504a : -8
8 : #555049 : -6
10 : #575047 : -4
12 : #595046 : -2
14 : #5a5044 : ±0
16 : #5c5042 : +2
18 : #5d5041 : +4
20 : #5f513f : +6
22 : #60513e : +8
24 : #62513c : +10
26 : #64513a : +12
28 : #655139 : +14
30 : #675137 : +16
32 : #685236 : +18
34 : #6a5234 : +20
36 : #6c5233 : +22
38 : #6d5231 : +24
40 : #6f522f : +26
42 : #70522e : +28
44 : #72532c : +30
46 : #73532b : +32
48 : #755329 : +34
50 : #775328 : +36
52 : #785326 : +38
54 : #7a5324 : +40
56 : #7b5323 : +42
58 : #7d5421 : +44
60 : #7e5420 : +46
62 : #80541e : +48
64 : #82541c : +50
66 : #83541b : +52
68 : #855419 : +54
70 : #865518 : +56
72 : #885516 : +58
74 : #8a5515 : +60
76 : #8b5513 : +62
78 : #8d5511 : +64
80 : #8e5510 : +66
82 : #90560e : +68
84 : #91560d : +70
86 : #93560b : +72
88 : #955609 : +74
90 : #965608 : +76
92 : #985606 : +78
94 : #995605 : +80
96 : #9b5703 : +82
98 : #9d5702 : +84
100 : #9e5700 : +86
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -30
3 : #090807 : -28
5 : #0f0d0b : -26
7 : #14120f : -24
9 : #1a1714 : -22
11 : #201c18 : -20
13 : #26221d : -18
15 : #2c2721 : -16
17 : #312c25 : -14
19 : #37312a : -12
21 : #3d362e : -10
23 : #433b32 : -8
25 : #494137 : -6
27 : #4e463b : -4
29 : #544b40 : -2
31 : #5a5044 : ±0
33 : #605548 : +2
35 : #665a4d : +4
37 : #6c6051 : +6
39 : #716556 : +8
41 : #776a5a : +10
43 : #7d6f5e : +12
45 : #837463 : +14
47 : #897a67 : +16
49 : #8e7f6b : +18
51 : #948471 : +20
53 : #988976 : +22
55 : #9c8e7c : +24
57 : #a19382 : +26
59 : #a59888 : +28
61 : #a99d8e : +30
63 : #aea293 : +32
65 : #b2a799 : +34
67 : #b7ac9f : +36
69 : #bbb1a5 : +38
71 : #bfb6ab : +40
73 : #c4bbb1 : +42
75 : #c8c0b6 : +44
77 : #cdc5bc : +46
79 : #d1cac2 : +48
81 : #d5cfc8 : +50
83 : #dad4ce : +52
85 : #ded9d3 : +54
87 : #e2ded9 : +56
89 : #e7e3df : +58
91 : #ebe8e5 : +60
93 : #f0edeb : +62
95 : #f4f2f0 : +64
97 : #f8f7f6 : +66
99 : #fdfcfc : +68
CSS入門、作ってます。
text-shadow