#52665e
RGB ( 赤 = 82, 緑 = 102, 青 = 94 )
HSL ( 色相 = 156°, 彩度 = 11%, 明度 = 36% )
H : 色相 ( 156° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #665452 : -150
16 : #665752 : -140
26 : #665a52 : -130
36 : #665e52 : -120
46 : #666152 : -110
56 : #666552 : -100
66 : #646652 : -90
76 : #616652 : -80
86 : #5d6652 : -70
96 : #5a6652 : -60
106 : #566652 : -50
116 : #536652 : -40
126 : #526654 : -30
136 : #526657 : -20
146 : #52665a : -10
156 : #52665e : ±0
166 : #526661 : +10
176 : #526665 : +20
186 : #526466 : +30
196 : #526166 : +40
206 : #525d66 : +50
216 : #525a66 : +60
226 : #525666 : +70
236 : #525366 : +80
246 : #545266 : +90
256 : #575266 : +100
266 : #5a5266 : +110
276 : #5e5266 : +120
286 : #615266 : +130
296 : #655266 : +140
306 : #665264 : +150
316 : #665261 : +160
326 : #66525d : +170
336 : #66525a : +180
346 : #665256 : +190
356 : #665253 : +200
146 : #52665a : -10
147 : #52665b : -9
148 : #52665b : -8
149 : #52665b : -7
150 : #52665c : -6
151 : #52665c : -5
152 : #52665c : -4
153 : #52665d : -3
154 : #52665d : -2
155 : #52665d : -1
156 : #52665e : ±0
157 : #52665e : +1
158 : #52665e : +2
159 : #52665f : +3
160 : #52665f : +4
161 : #526660 : +5
162 : #526660 : +6
163 : #526660 : +7
164 : #526661 : +8
165 : #526661 : +9
166 : #526661 : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5b5d5c : -10
3 : #595f5c : -8
5 : #57605d : -6
7 : #55625d : -4
9 : #54645d : -2
11 : #52665e : ±0
13 : #50685e : +2
15 : #4e6a5f : +4
17 : #4c6b5f : +6
19 : #4a6d5f : +8
21 : #496f60 : +10
23 : #477160 : +12
25 : #457360 : +14
27 : #437561 : +16
29 : #417661 : +18
31 : #3f7861 : +20
33 : #3e7a62 : +22
35 : #3c7c62 : +24
37 : #3a7e63 : +26
39 : #388063 : +28
41 : #368163 : +30
43 : #348364 : +32
45 : #328564 : +34
47 : #318764 : +36
49 : #2f8965 : +38
51 : #2d8b65 : +40
53 : #2b8c66 : +42
55 : #298e66 : +44
57 : #279066 : +46
59 : #269267 : +48
61 : #249467 : +50
63 : #229667 : +52
65 : #209768 : +54
67 : #1e9968 : +56
69 : #1c9b68 : +58
71 : #1b9d69 : +60
73 : #199f69 : +62
75 : #17a16a : +64
77 : #15a26a : +66
79 : #13a46a : +68
81 : #11a66b : +70
83 : #10a86b : +72
85 : #0eaa6b : +74
87 : #0cac6c : +76
89 : #0aae6c : +78
91 : #08af6d : +80
93 : #06b16d : +82
95 : #05b36d : +84
97 : #03b56e : +86
99 : #01b76e : +88
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #050605 : -34
4 : #090b0a : -32
6 : #0e1110 : -30
8 : #121715 : -28
10 : #171c1a : -26
12 : #1b221f : -24
14 : #202824 : -22
16 : #242d2a : -20
18 : #29332f : -18
20 : #2d3934 : -16
22 : #323e39 : -14
24 : #36443f : -12
26 : #3b4a44 : -10
28 : #404f49 : -8
30 : #44554e : -6
32 : #495b53 : -4
34 : #4d6059 : -2
36 : #52665e : ±0
38 : #566c63 : +2
40 : #5b7168 : +4
42 : #5f776d : +6
44 : #647d73 : +8
46 : #688278 : +10
48 : #6d887d : +12
50 : #718e82 : +14
52 : #779287 : +16
54 : #7d978c : +18
56 : #829b91 : +20
58 : #88a096 : +22
60 : #8ea49b : +24
62 : #93a9a0 : +26
64 : #99ada5 : +28
66 : #9fb2aa : +30
68 : #a4b6af : +32
70 : #aabbb4 : +34
72 : #b0bfb9 : +36
74 : #b5c4be : +38
76 : #bbc9c3 : +40
78 : #c1cdc8 : +42
80 : #c6d2cd : +44
82 : #ccd6d2 : +46
84 : #d2dbd7 : +48
86 : #d7dfdc : +50
88 : #dde4e1 : +52
90 : #e3e8e6 : +54
92 : #e8edeb : +56
94 : #eef1f0 : +58
96 : #f4f6f5 : +60
98 : #f9fafa : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow