#538d56
RGB ( 赤 = 83, 緑 = 141, 青 = 86 )
HSL ( 色相 = 123°, 彩度 = 26%, 明度 = 44% )
H : 色相 ( 123° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #8d5653 : -120
13 : #8d6053 : -110
23 : #8d6953 : -100
33 : #8d7353 : -90
43 : #8d7d53 : -80
53 : #8d8753 : -70
63 : #8a8d53 : -60
73 : #818d53 : -50
83 : #778d53 : -40
93 : #6d8d53 : -30
103 : #648d53 : -20
113 : #5a8d53 : -10
123 : #538d56 : ±0
133 : #538d60 : +10
143 : #538d69 : +20
153 : #538d73 : +30
163 : #538d7d : +40
173 : #538d87 : +50
183 : #538a8d : +60
193 : #53818d : +70
203 : #53778d : +80
213 : #536d8d : +90
223 : #53648d : +100
233 : #535a8d : +110
243 : #56538d : +120
253 : #60538d : +130
263 : #69538d : +140
273 : #73538d : +150
283 : #7d538d : +160
293 : #87538d : +170
303 : #8d538a : +180
313 : #8d5381 : +190
323 : #8d5377 : +200
333 : #8d536d : +210
343 : #8d5364 : +220
353 : #8d535a : +230
113 : #5a8d53 : -10
114 : #598d53 : -9
115 : #588d53 : -8
116 : #578d53 : -7
117 : #568d53 : -6
118 : #558d53 : -5
119 : #548d53 : -4
120 : #538d53 : -3
121 : #538d54 : -2
122 : #538d55 : -1
123 : #538d56 : ±0
124 : #538d57 : +1
125 : #538d58 : +2
126 : #538d59 : +3
127 : #538d5a : +4
128 : #538d5b : +5
129 : #538d5c : +6
130 : #538d5d : +7
131 : #538d5e : +8
132 : #538d5f : +9
133 : #538d60 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -26
2 : #6e726e : -24
4 : #6c756c : -22
6 : #69776a : -20
8 : #677968 : -18
10 : #657b66 : -16
12 : #637e64 : -14
14 : #608062 : -12
16 : #5e8260 : -10
18 : #5c845e : -8
20 : #5a875c : -6
22 : #58895a : -4
24 : #558b58 : -2
26 : #538d56 : ±0
28 : #519054 : +2
30 : #4f9252 : +4
32 : #4c9450 : +6
34 : #4a964e : +8
36 : #48994c : +10
38 : #469b4a : +12
40 : #439d48 : +14
42 : #419f46 : +16
44 : #3fa244 : +18
46 : #3da442 : +20
48 : #3aa640 : +22
50 : #38a83e : +24
52 : #36ab3c : +26
54 : #34ad3a : +28
56 : #31af38 : +30
58 : #2fb136 : +32
60 : #2db434 : +34
62 : #2bb632 : +36
64 : #28b830 : +38
66 : #26ba2e : +40
68 : #24bc2c : +42
70 : #22bf2a : +44
72 : #1fc127 : +46
74 : #1dc325 : +48
76 : #1bc523 : +50
78 : #19c821 : +52
80 : #16ca1f : +54
82 : #14cc1d : +56
84 : #12ce1b : +58
86 : #10d119 : +60
88 : #0dd317 : +62
90 : #0bd515 : +64
92 : #09d713 : +66
94 : #07da11 : +68
96 : #04dc0f : +70
98 : #02de0d : +72
100 : #00e00b : +74
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #040604 : -42
4 : #080d08 : -40
6 : #0b130c : -38
8 : #0f1a10 : -36
10 : #132014 : -34
12 : #172717 : -32
14 : #1a2d1b : -30
16 : #1e331f : -28
18 : #223a23 : -26
20 : #264027 : -24
22 : #2a472b : -22
24 : #2d4d2f : -20
26 : #315433 : -18
28 : #355a37 : -16
30 : #39603b : -14
32 : #3c673f : -12
34 : #406d42 : -10
36 : #447446 : -8
38 : #487a4a : -6
40 : #4b814e : -4
42 : #4f8752 : -2
44 : #538d56 : ±0
46 : #57945a : +2
48 : #5b9a5e : +4
50 : #5ea162 : +6
52 : #65a468 : +8
54 : #6ba86e : +10
56 : #72ac75 : +12
58 : #78b07b : +14
60 : #7eb481 : +16
62 : #85b787 : +18
64 : #8bbb8e : +20
66 : #92bf94 : +22
68 : #98c39a : +24
70 : #9fc6a1 : +26
72 : #a5caa7 : +28
74 : #abcead : +30
76 : #b2d2b3 : +32
78 : #b8d5ba : +34
80 : #bfd9c0 : +36
82 : #c5ddc6 : +38
84 : #cce1cd : +40
86 : #d2e5d3 : +42
88 : #d8e8d9 : +44
90 : #dfece0 : +46
92 : #e5f0e6 : +48
94 : #ecf4ec : +50
96 : #f2f7f2 : +52
98 : #f9fbf9 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow