#5b7163
RGB ( 赤 = 91, 緑 = 113, 青 = 99 )
HSL ( 色相 = 142°, 彩度 = 11%, 明度 = 40% )
H : 色相 ( 142° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #715c5b : -140
12 : #715f5b : -130
22 : #71635b : -120
32 : #71675b : -110
42 : #716a5b : -100
52 : #716e5b : -90
62 : #70715b : -80
72 : #6d715b : -70
82 : #69715b : -60
92 : #65715b : -50
102 : #62715b : -40
112 : #5e715b : -30
122 : #5b715c : -20
132 : #5b715f : -10
142 : #5b7163 : ±0
152 : #5b7167 : +10
162 : #5b716a : +20
172 : #5b716e : +30
182 : #5b7071 : +40
192 : #5b6d71 : +50
202 : #5b6971 : +60
212 : #5b6571 : +70
222 : #5b6271 : +80
232 : #5b5e71 : +90
242 : #5c5b71 : +100
252 : #5f5b71 : +110
262 : #635b71 : +120
272 : #675b71 : +130
282 : #6a5b71 : +140
292 : #6e5b71 : +150
302 : #715b70 : +160
312 : #715b6d : +170
322 : #715b69 : +180
332 : #715b65 : +190
342 : #715b62 : +200
352 : #715b5e : +210
132 : #5b715f : -10
133 : #5b7160 : -9
134 : #5b7160 : -8
135 : #5b7160 : -7
136 : #5b7161 : -6
137 : #5b7161 : -5
138 : #5b7162 : -4
139 : #5b7162 : -3
140 : #5b7162 : -2
141 : #5b7163 : -1
142 : #5b7163 : ±0
143 : #5b7163 : +1
144 : #5b7164 : +2
145 : #5b7164 : +3
146 : #5b7165 : +4
147 : #5b7165 : +5
148 : #5b7165 : +6
149 : #5b7166 : +7
150 : #5b7166 : +8
151 : #5b7166 : +9
152 : #5b7167 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #656766 : -10
3 : #636965 : -8
5 : #616b65 : -6
7 : #5f6d64 : -4
9 : #5d6f64 : -2
11 : #5b7163 : ±0
13 : #597362 : +2
15 : #577562 : +4
17 : #557761 : +6
19 : #537961 : +8
21 : #517b60 : +10
23 : #4f7d60 : +12
25 : #4d805f : +14
27 : #4a825f : +16
29 : #48845e : +18
31 : #46865e : +20
33 : #44885d : +22
35 : #428a5c : +24
37 : #408c5c : +26
39 : #3e8e5b : +28
41 : #3c905b : +30
43 : #3a925a : +32
45 : #38945a : +34
47 : #369659 : +36
49 : #349859 : +38
51 : #329a58 : +40
53 : #309c58 : +42
55 : #2e9e57 : +44
57 : #2ca056 : +46
59 : #2aa256 : +48
61 : #28a455 : +50
63 : #26a655 : +52
65 : #24a854 : +54
67 : #22aa54 : +56
69 : #20ac53 : +58
71 : #1eae53 : +60
73 : #1cb052 : +62
75 : #1ab352 : +64
77 : #17b551 : +66
79 : #15b751 : +68
81 : #13b950 : +70
83 : #11bb4f : +72
85 : #0fbd4f : +74
87 : #0dbf4e : +76
89 : #0bc14e : +78
91 : #09c34d : +80
93 : #07c54d : +82
95 : #05c74c : +84
97 : #03c94c : +86
99 : #01cb4b : +88
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #050605 : -38
4 : #090b0a : -36
6 : #0e110f : -34
8 : #121714 : -32
10 : #171c19 : -30
12 : #1b221e : -28
14 : #202823 : -26
16 : #242d28 : -24
18 : #29332d : -22
20 : #2d3932 : -20
22 : #323e36 : -18
24 : #36443b : -16
26 : #3b4a40 : -14
28 : #404f45 : -12
30 : #44554a : -10
32 : #495b4f : -8
34 : #4d6054 : -6
36 : #526659 : -4
38 : #566c5e : -2
40 : #5b7163 : ±0
42 : #5f7768 : +2
44 : #647d6d : +4
46 : #688272 : +6
48 : #6d8877 : +8
50 : #718e7c : +10
52 : #779281 : +12
54 : #7d9786 : +14
56 : #829b8c : +16
58 : #88a091 : +18
60 : #8ea496 : +20
62 : #93a99b : +22
64 : #99ada1 : +24
66 : #9fb2a6 : +26
68 : #a4b6ab : +28
70 : #aabbb0 : +30
72 : #b0bfb6 : +32
74 : #b5c4bb : +34
76 : #bbc9c0 : +36
78 : #c1cdc5 : +38
80 : #c6d2cb : +40
82 : #ccd6d0 : +42
84 : #d2dbd5 : +44
86 : #d7dfda : +46
88 : #dde4e0 : +48
90 : #e3e8e5 : +50
92 : #e8edea : +52
94 : #eef1ef : +54
96 : #f4f6f5 : +56
98 : #f9fafa : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow