#5b675e
RGB ( 赤 = 91, 緑 = 103, 青 = 94 )
HSL ( 色相 = 135°, 彩度 = 6%, 明度 = 38% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #675c5b : -130
15 : #675e5b : -120
25 : #67605b : -110
35 : #67625b : -100
45 : #67645b : -90
55 : #67665b : -80
65 : #66675b : -70
75 : #64675b : -60
85 : #62675b : -50
95 : #60675b : -40
105 : #5e675b : -30
115 : #5c675b : -20
125 : #5b675c : -10
135 : #5b675e : ±0
145 : #5b6760 : +10
155 : #5b6762 : +20
165 : #5b6764 : +30
175 : #5b6766 : +40
185 : #5b6667 : +50
195 : #5b6467 : +60
205 : #5b6267 : +70
215 : #5b6067 : +80
225 : #5b5e67 : +90
235 : #5b5c67 : +100
245 : #5c5b67 : +110
255 : #5e5b67 : +120
265 : #605b67 : +130
275 : #625b67 : +140
285 : #645b67 : +150
295 : #665b67 : +160
305 : #675b66 : +170
315 : #675b64 : +180
325 : #675b62 : +190
335 : #675b60 : +200
345 : #675b5e : +210
355 : #675b5c : +220
125 : #5b675c : -10
126 : #5b675c : -9
127 : #5b675c : -8
128 : #5b675d : -7
129 : #5b675d : -6
130 : #5b675d : -5
131 : #5b675d : -4
132 : #5b675d : -3
133 : #5b675e : -2
134 : #5b675e : -1
135 : #5b675e : ±0
136 : #5b675e : +1
137 : #5b675e : +2
138 : #5b675f : +3
139 : #5b675f : +4
140 : #5b675f : +5
141 : #5b675f : +6
142 : #5b675f : +7
143 : #5b6760 : +8
144 : #5b6760 : +9
145 : #5b6760 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -6
2 : #5f6360 : -4
4 : #5d655f : -2
6 : #5b675e : ±0
8 : #59695d : +2
10 : #576b5c : +4
12 : #556d5b : +6
14 : #536e5a : +8
16 : #517059 : +10
18 : #4f7258 : +12
20 : #4e7457 : +14
22 : #4c7656 : +16
24 : #4a7855 : +18
26 : #487a54 : +20
28 : #467c53 : +22
30 : #447e52 : +24
32 : #428051 : +26
34 : #408250 : +28
36 : #3e844f : +30
38 : #3c864e : +32
40 : #3a884e : +34
42 : #388a4d : +36
44 : #368c4c : +38
46 : #348d4b : +40
48 : #328f4a : +42
50 : #309149 : +44
52 : #2f9348 : +46
54 : #2d9547 : +48
56 : #2b9746 : +50
58 : #299945 : +52
60 : #279b44 : +54
62 : #259d43 : +56
64 : #239f42 : +58
66 : #21a141 : +60
68 : #1fa340 : +62
70 : #1da53f : +64
72 : #1ba73e : +66
74 : #19a93d : +68
76 : #17ab3c : +70
78 : #15ac3b : +72
80 : #13ae3a : +74
82 : #11b039 : +76
84 : #10b238 : +78
86 : #0eb437 : +80
88 : #0cb636 : +82
90 : #0ab835 : +84
92 : #08ba34 : +86
94 : #06bc33 : +88
96 : #04be32 : +90
98 : #02c031 : +92
100 : #00c230 : +94
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #050505 : -36
4 : #0a0b0a : -34
6 : #0e100f : -32
8 : #131614 : -30
10 : #181b19 : -28
12 : #1d201e : -26
14 : #222623 : -24
16 : #262b28 : -22
18 : #2b312d : -20
20 : #303631 : -18
22 : #353b36 : -16
24 : #3a413b : -14
26 : #3e4640 : -12
28 : #434c45 : -10
30 : #48514a : -8
32 : #4d564f : -6
34 : #515c54 : -4
36 : #566159 : -2
38 : #5b675e : ±0
40 : #606c63 : +2
42 : #657268 : +4
44 : #69776d : +6
46 : #6e7c72 : +8
48 : #738277 : +10
50 : #78877c : +12
52 : #7d8c81 : +14
54 : #839186 : +16
56 : #88968b : +18
58 : #8d9a91 : +20
60 : #939f96 : +22
62 : #98a49b : +24
64 : #9ea9a0 : +26
66 : #a3aea6 : +28
68 : #a9b2ab : +30
70 : #aeb7b0 : +32
72 : #b3bcb5 : +34
74 : #b9c1bb : +36
76 : #bec5c0 : +38
78 : #c4cac5 : +40
80 : #c9cfca : +42
82 : #ced4d0 : +44
84 : #d4d9d5 : +46
86 : #d9ddda : +48
88 : #dfe2df : +50
90 : #e4e7e5 : +52
92 : #e9ecea : +54
94 : #eff1ef : +56
96 : #f4f5f4 : +58
98 : #fafafa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow