#504b68
RGB ( 赤 = 80, 緑 = 75, 青 = 104 )
HSL ( 色相 = 250°, 彩度 = 16%, 明度 = 35% )
H : 色相 ( 250° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #684b4b : -250
10 : #68504b : -240
20 : #68544b : -230
30 : #68594b : -220
40 : #685e4b : -210
50 : #68634b : -200
60 : #68684b : -190
70 : #63684b : -180
80 : #5e684b : -170
90 : #59684b : -160
100 : #54684b : -150
110 : #50684b : -140
120 : #4b684b : -130
130 : #4b6850 : -120
140 : #4b6854 : -110
150 : #4b6859 : -100
160 : #4b685e : -90
170 : #4b6863 : -80
180 : #4b6868 : -70
190 : #4b6368 : -60
200 : #4b5e68 : -50
210 : #4b5968 : -40
220 : #4b5468 : -30
230 : #4b5068 : -20
240 : #4b4b68 : -10
250 : #504b68 : ±0
260 : #544b68 : +10
270 : #594b68 : +20
280 : #5e4b68 : +30
290 : #634b68 : +40
300 : #684b68 : +50
310 : #684b63 : +60
320 : #684b5e : +70
330 : #684b59 : +80
340 : #684b54 : +90
350 : #684b50 : +100
240 : #4b4b68 : -10
241 : #4b4b68 : -9
242 : #4c4b68 : -8
243 : #4c4b68 : -7
244 : #4d4b68 : -6
245 : #4d4b68 : -5
246 : #4e4b68 : -4
247 : #4e4b68 : -3
248 : #4f4b68 : -2
249 : #4f4b68 : -1
250 : #504b68 : ±0
251 : #504b68 : +1
252 : #514b68 : +2
253 : #514b68 : +3
254 : #524b68 : +4
255 : #524b68 : +5
256 : #534b68 : +6
257 : #534b68 : +7
258 : #544b68 : +8
259 : #544b68 : +9
260 : #544b68 : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -16
2 : #58575b : -14
4 : #57565d : -12
6 : #56545f : -10
8 : #545260 : -8
10 : #535062 : -6
12 : #524f64 : -4
14 : #514d66 : -2
16 : #504b68 : ±0
18 : #4f4969 : +2
20 : #4d476b : +4
22 : #4c466d : +6
24 : #4b446f : +8
26 : #4a4270 : +10
28 : #494072 : +12
30 : #473e74 : +14
32 : #463d76 : +16
34 : #453b78 : +18
36 : #443979 : +20
38 : #43377b : +22
40 : #41367d : +24
42 : #40347f : +26
44 : #3f3281 : +28
46 : #3e3082 : +30
48 : #3d2e84 : +32
50 : #3c2d86 : +34
52 : #3a2b88 : +36
54 : #392989 : +38
56 : #38278b : +40
58 : #37258d : +42
60 : #36248f : +44
62 : #342291 : +46
64 : #332092 : +48
66 : #321e94 : +50
68 : #311d96 : +52
70 : #301b98 : +54
72 : #2e199a : +56
74 : #2d179b : +58
76 : #2c159d : +60
78 : #2b149f : +62
80 : #2a12a1 : +64
82 : #2810a2 : +66
84 : #270ea4 : +68
86 : #260ca6 : +70
88 : #250ba8 : +72
90 : #2409aa : +74
92 : #2307ab : +76
94 : #2105ad : +78
96 : #2004af : +80
98 : #1f02b1 : +82
100 : #1e00b3 : +84
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -34
3 : #070609 : -32
5 : #0b0b0f : -30
7 : #100f15 : -28
9 : #15131b : -26
11 : #191821 : -24
13 : #1e1c26 : -22
15 : #22202c : -20
17 : #272432 : -18
19 : #2b2938 : -16
21 : #302d3e : -14
23 : #343144 : -12
25 : #39364a : -10
27 : #3e3a50 : -8
29 : #423e56 : -6
31 : #47425c : -4
33 : #4b4762 : -2
35 : #504b68 : ±0
37 : #544f6d : +2
39 : #595473 : +4
41 : #5d5879 : +6
43 : #625c7f : +8
45 : #676085 : +10
47 : #6b658b : +12
49 : #706991 : +14
51 : #756e96 : +16
53 : #7a749a : +18
55 : #807a9f : +20
57 : #8680a3 : +22
59 : #8b86a7 : +24
61 : #918cab : +26
63 : #9792b0 : +28
65 : #9c97b4 : +30
67 : #a29db8 : +32
69 : #a8a3bd : +34
71 : #ada9c1 : +36
73 : #b3afc5 : +38
75 : #b8b5c9 : +40
77 : #bebbce : +42
79 : #c4c1d2 : +44
81 : #c9c7d6 : +46
83 : #cfcddb : +48
85 : #d5d3df : +50
87 : #dad9e3 : +52
89 : #e0dee7 : +54
91 : #e6e4ec : +56
93 : #ebeaf0 : +58
95 : #f1f0f4 : +60
97 : #f7f6f9 : +62
99 : #fcfcfd : +64
CSS入門、作ってます。
text-shadow