#5b514d
RGB ( 赤 = 91, 緑 = 81, 青 = 77 )
HSL ( 色相 = 17°, 彩度 = 8%, 明度 = 33% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5b4f4d : -10
17 : #5b514d : ±0
27 : #5b534d : +10
37 : #5b564d : +20
47 : #5b584d : +30
57 : #5b5a4d : +40
67 : #595b4d : +50
77 : #575b4d : +60
87 : #555b4d : +70
97 : #535b4d : +80
107 : #505b4d : +90
117 : #4e5b4d : +100
127 : #4d5b4f : +110
137 : #4d5b51 : +120
147 : #4d5b53 : +130
157 : #4d5b56 : +140
167 : #4d5b58 : +150
177 : #4d5b5a : +160
187 : #4d595b : +170
197 : #4d575b : +180
207 : #4d555b : +190
217 : #4d535b : +200
227 : #4d505b : +210
237 : #4d4e5b : +220
247 : #4f4d5b : +230
257 : #514d5b : +240
267 : #534d5b : +250
277 : #564d5b : +260
287 : #584d5b : +270
297 : #5a4d5b : +280
307 : #5b4d59 : +290
317 : #5b4d57 : +300
327 : #5b4d55 : +310
337 : #5b4d53 : +320
347 : #5b4d50 : +330
357 : #5b4d4e : +340
7 : #5b4f4d : -10
8 : #5b4f4d : -9
9 : #5b4f4d : -8
10 : #5b504d : -7
11 : #5b504d : -6
12 : #5b504d : -5
13 : #5b504d : -4
14 : #5b514d : -3
15 : #5b514d : -2
16 : #5b514d : -1
17 : #5b514d : ±0
18 : #5b514d : +1
19 : #5b524d : +2
20 : #5b524d : +3
21 : #5b524d : +4
22 : #5b524d : +5
23 : #5b534d : +6
24 : #5b534d : +7
25 : #5b534d : +8
26 : #5b534d : +9
27 : #5b534d : +10
S : 彩度 ( 8% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -8
2 : #565352 : -6
4 : #585351 : -4
6 : #59524f : -2
8 : #5b514d : ±0
10 : #5d514c : +2
12 : #5e504a : +4
14 : #604f48 : +6
16 : #624e47 : +8
18 : #634e45 : +10
20 : #654d43 : +12
22 : #674c42 : +14
24 : #684b40 : +16
26 : #6a4b3e : +18
28 : #6c4a3d : +20
30 : #6d493b : +22
32 : #6f4839 : +24
34 : #714838 : +26
36 : #724736 : +28
38 : #744634 : +30
40 : #764632 : +32
42 : #774531 : +34
44 : #79442f : +36
46 : #7b432d : +38
48 : #7d432c : +40
50 : #7e422a : +42
52 : #804128 : +44
54 : #824027 : +46
56 : #834025 : +48
58 : #853f23 : +50
60 : #873e22 : +52
62 : #883e20 : +54
64 : #8a3d1e : +56
66 : #8c3c1d : +58
68 : #8d3b1b : +60
70 : #8f3b19 : +62
72 : #913a18 : +64
74 : #923916 : +66
76 : #943814 : +68
78 : #963813 : +70
80 : #973711 : +72
82 : #99360f : +74
84 : #9b360d : +76
86 : #9d350c : +78
88 : #9e340a : +80
90 : #a03308 : +82
92 : #a23307 : +84
94 : #a33205 : +86
96 : #a53103 : +88
98 : #a73002 : +90
100 : #a83000 : +92
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -32
3 : #080707 : -30
5 : #0e0c0c : -28
7 : #131110 : -26
9 : #191615 : -24
11 : #1e1b1a : -22
13 : #24201e : -20
15 : #292523 : -18
17 : #2f2a28 : -16
19 : #342f2d : -14
21 : #3a3431 : -12
23 : #3f3936 : -10
25 : #453e3b : -8
27 : #4a423f : -6
29 : #504744 : -4
31 : #554c49 : -2
33 : #5b514d : ±0
35 : #605652 : +2
37 : #665b57 : +4
39 : #6b605b : +6
41 : #716560 : +8
43 : #766a65 : +10
45 : #7c6f6a : +12
47 : #81746e : +14
49 : #877973 : +16
51 : #8c7e78 : +18
53 : #91837e : +20
55 : #958883 : +22
57 : #9a8e89 : +24
59 : #9f938e : +26
61 : #a49894 : +28
63 : #a89d99 : +30
65 : #ada39f : +32
67 : #b2a8a4 : +34
69 : #b6adaa : +36
71 : #bbb2af : +38
73 : #c0b8b5 : +40
75 : #c4bdba : +42
77 : #c9c2c0 : +44
79 : #cec8c5 : +46
81 : #d2cdcb : +48
83 : #d7d2d0 : +50
85 : #dcd7d6 : +52
87 : #e1dddb : +54
89 : #e5e2e1 : +56
91 : #eae7e6 : +58
93 : #efedec : +60
95 : #f3f2f1 : +62
97 : #f8f7f7 : +64
99 : #fdfcfc : +66
CSS入門、作ってます。
text-shadow