#535f56
RGB ( 赤 = 83, 緑 = 95, 青 = 86 )
HSL ( 色相 = 135°, 彩度 = 7%, 明度 = 35% )
H : 色相 ( 135° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #5f5453 : -130
15 : #5f5653 : -120
25 : #5f5853 : -110
35 : #5f5a53 : -100
45 : #5f5c53 : -90
55 : #5f5e53 : -80
65 : #5e5f53 : -70
75 : #5c5f53 : -60
85 : #5a5f53 : -50
95 : #585f53 : -40
105 : #565f53 : -30
115 : #545f53 : -20
125 : #535f54 : -10
135 : #535f56 : ±0
145 : #535f58 : +10
155 : #535f5a : +20
165 : #535f5c : +30
175 : #535f5e : +40
185 : #535e5f : +50
195 : #535c5f : +60
205 : #535a5f : +70
215 : #53585f : +80
225 : #53565f : +90
235 : #53545f : +100
245 : #54535f : +110
255 : #56535f : +120
265 : #58535f : +130
275 : #5a535f : +140
285 : #5c535f : +150
295 : #5e535f : +160
305 : #5f535e : +170
315 : #5f535c : +180
325 : #5f535a : +190
335 : #5f5358 : +200
345 : #5f5356 : +210
355 : #5f5354 : +220
125 : #535f54 : -10
126 : #535f54 : -9
127 : #535f54 : -8
128 : #535f55 : -7
129 : #535f55 : -6
130 : #535f55 : -5
131 : #535f55 : -4
132 : #535f56 : -3
133 : #535f56 : -2
134 : #535f56 : -1
135 : #535f56 : ±0
136 : #535f56 : +1
137 : #535f57 : +2
138 : #535f57 : +3
139 : #535f57 : +4
140 : #535f57 : +5
141 : #535f57 : +6
142 : #535f58 : +7
143 : #535f58 : +8
144 : #535f58 : +9
145 : #535f58 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585a59 : -6
3 : #575c58 : -4
5 : #555e57 : -2
7 : #535f56 : ±0
9 : #516155 : +2
11 : #4f6354 : +4
13 : #4e6553 : +6
15 : #4c6753 : +8
17 : #4a6852 : +10
19 : #486a51 : +12
21 : #476c50 : +14
23 : #456e4f : +16
25 : #43704e : +18
27 : #41714d : +20
29 : #3f734c : +22
31 : #3e754b : +24
33 : #3c774b : +26
35 : #3a784a : +28
37 : #387a49 : +30
39 : #367c48 : +32
41 : #357e47 : +34
43 : #338046 : +36
45 : #318145 : +38
47 : #2f8344 : +40
49 : #2e8543 : +42
51 : #2c8742 : +44
53 : #2a8942 : +46
55 : #288a41 : +48
57 : #268c40 : +50
59 : #258e3f : +52
61 : #23903e : +54
63 : #21913d : +56
65 : #1f933c : +58
67 : #1d953b : +60
69 : #1c973a : +62
71 : #1a993a : +64
73 : #189a39 : +66
75 : #169c38 : +68
77 : #159e37 : +70
79 : #13a036 : +72
81 : #11a235 : +74
83 : #0fa334 : +76
85 : #0da533 : +78
87 : #0ca732 : +80
89 : #0aa932 : +82
91 : #08aa31 : +84
93 : #06ac30 : +86
95 : #04ae2f : +88
97 : #03b02e : +90
99 : #01b22d : +92
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -34
3 : #070807 : -32
5 : #0c0e0c : -30
7 : #111311 : -28
9 : #151916 : -26
11 : #1a1e1b : -24
13 : #1f2320 : -22
15 : #242925 : -20
17 : #282e2a : -18
19 : #2d342f : -16
21 : #323934 : -14
23 : #373f39 : -12
25 : #3b443e : -10
27 : #404a42 : -8
29 : #454f47 : -6
31 : #4a554c : -4
33 : #4e5a51 : -2
35 : #535f56 : ±0
37 : #58655b : +2
39 : #5c6a60 : +4
41 : #617065 : +6
43 : #66756a : +8
45 : #6b7b6f : +10
47 : #6f8074 : +12
49 : #748679 : +14
51 : #798b7e : +16
53 : #7f9083 : +18
55 : #849488 : +20
57 : #8a998e : +22
59 : #8f9e93 : +24
61 : #95a398 : +26
63 : #9aa79d : +28
65 : #a0aca3 : +30
67 : #a5b1a8 : +32
69 : #aab5ad : +34
71 : #b0bab2 : +36
73 : #b5bfb8 : +38
75 : #bbc4bd : +40
77 : #c0c8c2 : +42
79 : #c6cdc8 : +44
81 : #cbd2cd : +46
83 : #d1d7d2 : +48
85 : #d6dbd7 : +50
87 : #dce0dd : +52
89 : #e1e5e2 : +54
91 : #e6eae7 : +56
93 : #eceeed : +58
95 : #f1f3f2 : +60
97 : #f7f8f7 : +62
99 : #fcfdfc : +64
CSS入門、作ってます。
text-shadow