#536e64
RGB ( 赤 = 83, 緑 = 110, 青 = 100 )
HSL ( 色相 = 158°, 彩度 = 14%, 明度 = 38% )
H : 色相 ( 158° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #6e5753 : -150
18 : #6e5b53 : -140
28 : #6e6053 : -130
38 : #6e6553 : -120
48 : #6e6953 : -110
58 : #6e6e53 : -100
68 : #6b6e53 : -90
78 : #666e53 : -80
88 : #626e53 : -70
98 : #5d6e53 : -60
108 : #596e53 : -50
118 : #546e53 : -40
128 : #536e57 : -30
138 : #536e5b : -20
148 : #536e60 : -10
158 : #536e65 : ±0
168 : #536e69 : +10
178 : #536e6e : +20
188 : #536b6e : +30
198 : #53666e : +40
208 : #53626e : +50
218 : #535d6e : +60
228 : #53596e : +70
238 : #53546e : +80
248 : #57536e : +90
258 : #5b536e : +100
268 : #60536e : +110
278 : #65536e : +120
288 : #69536e : +130
298 : #6e536e : +140
308 : #6e536b : +150
318 : #6e5366 : +160
328 : #6e5362 : +170
338 : #6e535d : +180
348 : #6e5359 : +190
358 : #6e5354 : +200
148 : #536e60 : -10
149 : #536e60 : -9
150 : #536e61 : -8
151 : #536e61 : -7
152 : #536e62 : -6
153 : #536e62 : -5
154 : #536e63 : -4
155 : #536e63 : -3
156 : #536e64 : -2
157 : #536e64 : -1
158 : #536e65 : ±0
159 : #536e65 : +1
160 : #536e65 : +2
161 : #536e66 : +3
162 : #536e66 : +4
163 : #536e67 : +5
164 : #536e67 : +6
165 : #536e68 : +7
166 : #536e68 : +8
167 : #536e69 : +9
168 : #536e69 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -14
2 : #5f6361 : -12
4 : #5d6562 : -10
6 : #5b6762 : -8
8 : #596963 : -6
10 : #576b63 : -4
12 : #556d64 : -2
14 : #536e65 : ±0
16 : #517065 : +2
18 : #4f7266 : +4
20 : #4e7466 : +6
22 : #4c7667 : +8
24 : #4a7867 : +10
26 : #487a68 : +12
28 : #467c68 : +14
30 : #447e69 : +16
32 : #428069 : +18
34 : #40826a : +20
36 : #3e846a : +22
38 : #3c866b : +24
40 : #3a886b : +26
42 : #388a6c : +28
44 : #368c6c : +30
46 : #348d6d : +32
48 : #328f6d : +34
50 : #30916e : +36
52 : #2f936e : +38
54 : #2d956f : +40
56 : #2b976f : +42
58 : #299970 : +44
60 : #279b70 : +46
62 : #259d71 : +48
64 : #239f71 : +50
66 : #21a172 : +52
68 : #1fa372 : +54
70 : #1da573 : +56
72 : #1ba774 : +58
74 : #19a974 : +60
76 : #17ab75 : +62
78 : #15ac75 : +64
80 : #13ae76 : +66
82 : #11b076 : +68
84 : #10b277 : +70
86 : #0eb477 : +72
88 : #0cb678 : +74
90 : #0ab878 : +76
92 : #08ba79 : +78
94 : #06bc79 : +80
96 : #04be7a : +82
98 : #02c07a : +84
100 : #00c27b : +86
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #040605 : -36
4 : #090c0b : -34
6 : #0d1110 : -32
8 : #121715 : -30
10 : #161d1a : -28
12 : #1a2320 : -26
14 : #1f2925 : -24
16 : #232f2a : -22
18 : #273430 : -20
20 : #2c3a35 : -18
22 : #30403a : -16
24 : #35463f : -14
26 : #394c45 : -12
28 : #3d514a : -10
30 : #42574f : -8
32 : #465d55 : -6
34 : #4b635a : -4
36 : #4f695f : -2
38 : #536e65 : ±0
40 : #58746a : +2
42 : #5c7a6f : +4
44 : #608074 : +6
46 : #65867a : +8
48 : #698c7f : +10
50 : #6e9184 : +12
52 : #739689 : +14
54 : #799a8e : +16
56 : #7f9f93 : +18
58 : #85a398 : +20
60 : #8ba79d : +22
62 : #91aca2 : +24
64 : #96b0a7 : +26
66 : #9cb4ac : +28
68 : #a2b9b0 : +30
70 : #a8bdb5 : +32
72 : #aec2ba : +34
74 : #b3c6bf : +36
76 : #b9cac4 : +38
78 : #bfcfc9 : +40
80 : #c5d3ce : +42
82 : #cbd8d3 : +44
84 : #d0dcd8 : +46
86 : #d6e0dd : +48
88 : #dce5e2 : +50
90 : #e2e9e6 : +52
92 : #e8edeb : +54
94 : #eef2f0 : +56
96 : #f3f6f5 : +58
98 : #f9fbfa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow