#5e4b68
RGB ( 赤 = 94, 緑 = 75, 青 = 104 )
HSL ( 色相 = 279°, 彩度 = 16%, 明度 = 35% )
H : 色相 ( 279° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #684f4b : -270
19 : #68544b : -260
29 : #68594b : -250
39 : #685e4b : -240
49 : #68624b : -230
59 : #68674b : -220
69 : #63684b : -210
79 : #5e684b : -200
89 : #5a684b : -190
99 : #55684b : -180
109 : #50684b : -170
119 : #4b684b : -160
129 : #4b684f : -150
139 : #4b6854 : -140
149 : #4b6859 : -130
159 : #4b685e : -120
169 : #4b6862 : -110
179 : #4b6867 : -100
189 : #4b6368 : -90
199 : #4b5e68 : -80
209 : #4b5a68 : -70
219 : #4b5568 : -60
229 : #4b5068 : -50
239 : #4b4b68 : -40
249 : #4f4b68 : -30
259 : #544b68 : -20
269 : #594b68 : -10
279 : #5e4b68 : ±0
289 : #624b68 : +10
299 : #674b68 : +20
309 : #684b63 : +30
319 : #684b5e : +40
329 : #684b5a : +50
339 : #684b55 : +60
349 : #684b50 : +70
359 : #684b4b : +80
269 : #594b68 : -10
270 : #594b68 : -9
271 : #5a4b68 : -8
272 : #5a4b68 : -7
273 : #5b4b68 : -6
274 : #5b4b68 : -5
275 : #5c4b68 : -4
276 : #5c4b68 : -3
277 : #5d4b68 : -2
278 : #5d4b68 : -1
279 : #5e4b68 : ±0
280 : #5e4b68 : +1
281 : #5e4b68 : +2
282 : #5f4b68 : +3
283 : #5f4b68 : +4
284 : #604b68 : +5
285 : #604b68 : +6
286 : #614b68 : +7
287 : #614b68 : +8
288 : #624b68 : +9
289 : #624b68 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -16
2 : #5a575b : -14
4 : #5a565d : -12
6 : #5b545f : -10
8 : #5b5260 : -8
10 : #5c5062 : -6
12 : #5c4f64 : -4
14 : #5d4d66 : -2
16 : #5e4b68 : ±0
18 : #5e4969 : +2
20 : #5f476b : +4
22 : #5f466d : +6
24 : #60446f : +8
26 : #604270 : +10
28 : #614072 : +12
30 : #613e74 : +14
32 : #623d76 : +16
34 : #623b78 : +18
36 : #633979 : +20
38 : #63377b : +22
40 : #64367d : +24
42 : #64347f : +26
44 : #653281 : +28
46 : #663082 : +30
48 : #662e84 : +32
50 : #672d86 : +34
52 : #672b88 : +36
54 : #682989 : +38
56 : #68278b : +40
58 : #69258d : +42
60 : #69248f : +44
62 : #6a2291 : +46
64 : #6a2092 : +48
66 : #6b1e94 : +50
68 : #6b1d96 : +52
70 : #6c1b98 : +54
72 : #6d199a : +56
74 : #6d179b : +58
76 : #6e159d : +60
78 : #6e149f : +62
80 : #6f12a1 : +64
82 : #6f10a2 : +66
84 : #700ea4 : +68
86 : #700ca6 : +70
88 : #710ba8 : +72
90 : #7109aa : +74
92 : #7207ab : +76
94 : #7205ad : +78
96 : #7304af : +80
98 : #7302b1 : +82
100 : #7400b3 : +84
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -34
3 : #080609 : -32
5 : #0d0b0f : -30
7 : #130f15 : -28
9 : #18131b : -26
11 : #1d1821 : -24
13 : #231c26 : -22
15 : #28202c : -20
17 : #2d2432 : -18
19 : #332938 : -16
21 : #382d3e : -14
23 : #3d3144 : -12
25 : #43364a : -10
27 : #483a50 : -8
29 : #4d3e56 : -6
31 : #53425c : -4
33 : #584762 : -2
35 : #5e4b68 : ±0
37 : #634f6d : +2
39 : #685473 : +4
41 : #6e5879 : +6
43 : #735c7f : +8
45 : #786085 : +10
47 : #7e658b : +12
49 : #836991 : +14
51 : #886e96 : +16
53 : #8d749a : +18
55 : #927a9f : +20
57 : #9780a3 : +22
59 : #9b86a7 : +24
61 : #a08cab : +26
63 : #a592b0 : +28
65 : #aa97b4 : +30
67 : #af9db8 : +32
69 : #b4a3bd : +34
71 : #b9a9c1 : +36
73 : #bdafc5 : +38
75 : #c2b5c9 : +40
77 : #c7bbce : +42
79 : #ccc1d2 : +44
81 : #d1c7d6 : +46
83 : #d6cddb : +48
85 : #dbd3df : +50
87 : #dfd9e3 : +52
89 : #e4dee7 : +54
91 : #e9e4ec : +56
93 : #eeeaf0 : +58
95 : #f3f0f4 : +60
97 : #f8f6f9 : +62
99 : #fdfcfd : +64
CSS入門、作ってます。
text-shadow