#557c61
RGB ( 赤 = 85, 緑 = 124, 青 = 97 )
HSL ( 色相 = 138°, 彩度 = 19%, 明度 = 41% )
H : 色相 ( 138° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #7c5a55 : -130
18 : #7c6155 : -120
28 : #7c6755 : -110
38 : #7c6e55 : -100
48 : #7c7455 : -90
58 : #7c7b55 : -80
68 : #777c55 : -70
78 : #707c55 : -60
88 : #6a7c55 : -50
98 : #637c55 : -40
108 : #5d7c55 : -30
118 : #567c55 : -20
128 : #557c5a : -10
138 : #557c61 : ±0
148 : #557c67 : +10
158 : #557c6e : +20
168 : #557c74 : +30
178 : #557c7b : +40
188 : #55777c : +50
198 : #55707c : +60
208 : #556a7c : +70
218 : #55637c : +80
228 : #555d7c : +90
238 : #55567c : +100
248 : #5a557c : +110
258 : #61557c : +120
268 : #67557c : +130
278 : #6e557c : +140
288 : #74557c : +150
298 : #7b557c : +160
308 : #7c5577 : +170
318 : #7c5570 : +180
328 : #7c556a : +190
338 : #7c5563 : +200
348 : #7c555d : +210
358 : #7c5556 : +220
128 : #557c5a : -10
129 : #557c5b : -9
130 : #557c5b : -8
131 : #557c5c : -7
132 : #557c5d : -6
133 : #557c5d : -5
134 : #557c5e : -4
135 : #557c5f : -3
136 : #557c5f : -2
137 : #557c60 : -1
138 : #557c61 : ±0
139 : #557c61 : +1
140 : #557c62 : +2
141 : #557c63 : +3
142 : #557c63 : +4
143 : #557c64 : +5
144 : #557c65 : +6
145 : #557c65 : +7
146 : #557c66 : +8
147 : #557c67 : +9
148 : #557c67 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #686a68 : -18
3 : #656c67 : -16
5 : #636e66 : -14
7 : #617066 : -12
9 : #5f7265 : -10
11 : #5d7464 : -8
13 : #5b7663 : -6
15 : #597862 : -4
17 : #577a61 : -2
19 : #557c61 : ±0
21 : #537f60 : +2
23 : #51815f : +4
25 : #4e835e : +6
27 : #4c855d : +8
29 : #4a875c : +10
31 : #48895c : +12
33 : #468b5b : +14
35 : #448d5a : +16
37 : #428f59 : +18
39 : #409158 : +20
41 : #3e9357 : +22
43 : #3c9657 : +24
45 : #3a9856 : +26
47 : #379a55 : +28
49 : #359c54 : +30
51 : #339e53 : +32
53 : #31a052 : +34
55 : #2fa252 : +36
57 : #2da451 : +38
59 : #2ba650 : +40
61 : #29a84f : +42
63 : #27aa4e : +44
65 : #25ad4d : +46
67 : #23af4d : +48
69 : #20b14c : +50
71 : #1eb34b : +52
73 : #1cb54a : +54
75 : #1ab749 : +56
77 : #18b948 : +58
79 : #16bb48 : +60
81 : #14bd47 : +62
83 : #12bf46 : +64
85 : #10c145 : +66
87 : #0ec444 : +68
89 : #0cc643 : +70
91 : #09c842 : +72
93 : #07ca42 : +74
95 : #05cc41 : +76
97 : #03ce40 : +78
99 : #01d03f : +80
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -40
3 : #060907 : -38
5 : #0a0f0c : -36
7 : #0e1510 : -34
9 : #131b15 : -32
11 : #17211a : -30
13 : #1b271f : -28
15 : #1f2e23 : -26
17 : #233428 : -24
19 : #273a2d : -22
21 : #2b4031 : -20
23 : #304636 : -18
25 : #344c3b : -16
27 : #385240 : -14
29 : #3c5844 : -12
31 : #405e49 : -10
33 : #44644e : -8
35 : #486a52 : -6
37 : #4c7057 : -4
39 : #51765c : -2
41 : #557c61 : ±0
43 : #598265 : +2
45 : #5d896a : +4
47 : #618f6f : +6
49 : #659573 : +8
51 : #6a9a79 : +10
53 : #709e7e : +12
55 : #76a284 : +14
57 : #7da689 : +16
59 : #83aa8f : +18
61 : #89ae94 : +20
63 : #8fb399 : +22
65 : #95b79f : +24
67 : #9bbba4 : +26
69 : #a1bfaa : +28
71 : #a7c3af : +30
73 : #adc7b5 : +32
75 : #b3cbba : +34
77 : #b9cfc0 : +36
79 : #bfd4c5 : +38
81 : #c5d8cb : +40
83 : #cbdcd0 : +42
85 : #d1e0d6 : +44
87 : #d8e4db : +46
89 : #dee8e1 : +48
91 : #e4ece6 : +50
93 : #eaf1ec : +52
95 : #f0f5f1 : +54
97 : #f6f9f7 : +56
99 : #fcfdfc : +58
CSS入門、作ってます。
text-shadow