#545659
RGB ( 赤 = 84, 緑 = 86, 青 = 89 )
HSL ( 色相 = 216°, 彩度 = 3%, 明度 = 34% )
H : 色相 ( 216° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #595554 : -210
16 : #595554 : -200
26 : #595654 : -190
36 : #595754 : -180
46 : #595854 : -170
56 : #595954 : -160
66 : #595954 : -150
76 : #585954 : -140
86 : #575954 : -130
96 : #565954 : -120
106 : #555954 : -110
116 : #545954 : -100
126 : #545955 : -90
136 : #545955 : -80
146 : #545956 : -70
156 : #545957 : -60
166 : #545958 : -50
176 : #545959 : -40
186 : #545959 : -30
196 : #545859 : -20
206 : #545759 : -10
216 : #545659 : ±0
226 : #545559 : +10
236 : #545459 : +20
246 : #555459 : +30
256 : #555459 : +40
266 : #565459 : +50
276 : #575459 : +60
286 : #585459 : +70
296 : #595459 : +80
306 : #595459 : +90
316 : #595458 : +100
326 : #595457 : +110
336 : #595456 : +120
346 : #595455 : +130
356 : #595454 : +140
206 : #545759 : -10
207 : #545759 : -9
208 : #545759 : -8
209 : #545759 : -7
210 : #545759 : -6
211 : #545759 : -5
212 : #545759 : -4
213 : #545659 : -3
214 : #545659 : -2
215 : #545659 : -1
216 : #545659 : ±0
217 : #545659 : +1
218 : #545659 : +2
219 : #545659 : +3
220 : #545659 : +4
221 : #545659 : +5
222 : #545659 : +6
223 : #545659 : +7
224 : #545559 : +8
225 : #545559 : +9
226 : #545559 : +10
S : 彩度 ( 3% )
(0%) 渋い ~ 鮮やか (100%)
1 : #565758 : -2
3 : #545659 : ±0
5 : #52565b : +2
7 : #51555d : +4
9 : #4f555f : +6
11 : #4d5560 : +8
13 : #4b5462 : +10
15 : #4a5464 : +12
17 : #485465 : +14
19 : #465367 : +16
21 : #445369 : +18
23 : #43536b : +20
25 : #41526c : +22
27 : #3f526e : +24
29 : #3e5270 : +26
31 : #3c5172 : +28
33 : #3a5173 : +30
35 : #385175 : +32
37 : #375077 : +34
39 : #355079 : +36
41 : #33507a : +38
43 : #314f7c : +40
45 : #304f7e : +42
47 : #2e4f7f : +44
49 : #2c4e81 : +46
51 : #2a4e83 : +48
53 : #294e85 : +50
55 : #274d86 : +52
57 : #254d88 : +54
59 : #244c8a : +56
61 : #224c8c : +58
63 : #204c8d : +60
65 : #1e4b8f : +62
67 : #1d4b91 : +64
69 : #1b4b93 : +66
71 : #194a94 : +68
73 : #174a96 : +70
75 : #164a98 : +72
77 : #144999 : +74
79 : #12499b : +76
81 : #10499d : +78
83 : #0f489f : +80
85 : #0d48a0 : +82
87 : #0b48a2 : +84
89 : #0a47a4 : +86
91 : #0847a6 : +88
93 : #0647a7 : +90
95 : #0446a9 : +92
97 : #0346ab : +94
99 : #0146ad : +96
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #050505 : -32
4 : #0a0a0b : -30
6 : #0f0f10 : -28
8 : #141415 : -26
10 : #19191a : -24
12 : #1e1e20 : -22
14 : #232325 : -20
16 : #28292a : -18
18 : #2d2e2f : -16
20 : #313335 : -14
22 : #36383a : -12
24 : #3b3d3f : -10
26 : #404244 : -8
28 : #45474a : -6
30 : #4a4c4f : -4
32 : #4f5154 : -2
34 : #545659 : ±0
36 : #595b5f : +2
38 : #5e6064 : +4
40 : #636569 : +6
42 : #686a6e : +8
44 : #6d7074 : +10
46 : #727579 : +12
48 : #777a7e : +14
50 : #7c7f83 : +16
52 : #818488 : +18
54 : #86898d : +20
56 : #8b8e92 : +22
58 : #919397 : +24
60 : #96989c : +26
62 : #9b9ea1 : +28
64 : #a0a3a6 : +30
66 : #a6a8ab : +32
68 : #abadb0 : +34
70 : #b0b2b5 : +36
72 : #b5b7ba : +38
74 : #bbbcbf : +40
76 : #c0c1c4 : +42
78 : #c5c7c9 : +44
80 : #caccce : +46
82 : #d0d1d2 : +48
84 : #d5d6d7 : +50
86 : #dadbdc : +52
88 : #dfe0e1 : +54
90 : #e5e5e6 : +56
92 : #eaeaeb : +58
94 : #eff0f0 : +60
96 : #f4f5f5 : +62
98 : #fafafa : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow