#424668
RGB ( 赤 = 66, 緑 = 70, 青 = 104 )
HSL ( 色相 = 234°, 彩度 = 22%, 明度 = 33% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #674442 : -230
14 : #674a42 : -220
24 : #675042 : -210
34 : #675742 : -200
44 : #675d42 : -190
54 : #676342 : -180
64 : #646742 : -170
74 : #5e6742 : -160
84 : #586742 : -150
94 : #526742 : -140
104 : #4c6742 : -130
114 : #456742 : -120
124 : #426744 : -110
134 : #42674a : -100
144 : #426750 : -90
154 : #426757 : -80
164 : #42675d : -70
174 : #426763 : -60
184 : #426467 : -50
194 : #425e67 : -40
204 : #425867 : -30
214 : #425267 : -20
224 : #424c67 : -10
234 : #424567 : ±0
244 : #444267 : +10
254 : #4a4267 : +20
264 : #504267 : +30
274 : #574267 : +40
284 : #5d4267 : +50
294 : #634267 : +60
304 : #674264 : +70
314 : #67425e : +80
324 : #674258 : +90
334 : #674252 : +100
344 : #67424c : +110
354 : #674245 : +120
224 : #424c67 : -10
225 : #424b67 : -9
226 : #424a67 : -8
227 : #424a67 : -7
228 : #424967 : -6
229 : #424867 : -5
230 : #424867 : -4
231 : #424767 : -3
232 : #424767 : -2
233 : #424667 : -1
234 : #424567 : ±0
235 : #424567 : +1
236 : #424467 : +2
237 : #424367 : +3
238 : #424367 : +4
239 : #424267 : +5
240 : #424267 : +6
241 : #424267 : +7
242 : #434267 : +8
243 : #434267 : +9
244 : #444267 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -22
2 : #525356 : -20
4 : #515158 : -18
6 : #4f5059 : -16
8 : #4d4f5b : -14
10 : #4c4d5d : -12
12 : #4a4c5e : -10
14 : #484b60 : -8
16 : #474962 : -6
18 : #454863 : -4
20 : #434765 : -2
22 : #424567 : ±0
24 : #404468 : +2
26 : #3e436a : +4
28 : #3d416c : +6
30 : #3b406d : +8
32 : #393f6f : +10
34 : #383d71 : +12
36 : #363c72 : +14
38 : #343b74 : +16
40 : #323976 : +18
42 : #313877 : +20
44 : #2f3779 : +22
46 : #2d357b : +24
48 : #2c347d : +26
50 : #2a327e : +28
52 : #283180 : +30
54 : #273082 : +32
56 : #252e83 : +34
58 : #232d85 : +36
60 : #222c87 : +38
62 : #202a88 : +40
64 : #1e298a : +42
66 : #1d288c : +44
68 : #1b268d : +46
70 : #19258f : +48
72 : #182491 : +50
74 : #162292 : +52
76 : #142194 : +54
78 : #132096 : +56
80 : #111e97 : +58
82 : #0f1d99 : +60
84 : #0d1c9b : +62
86 : #0c1a9d : +64
88 : #0a199e : +66
90 : #0818a0 : +68
92 : #0716a2 : +70
94 : #0515a3 : +72
96 : #0314a5 : +74
98 : #0212a7 : +76
100 : #0011a8 : +78
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -32
3 : #060609 : -30
5 : #0a0b10 : -28
7 : #0e0f16 : -26
9 : #12131c : -24
11 : #161722 : -22
13 : #1a1b28 : -20
15 : #1e202f : -18
17 : #222435 : -16
19 : #26283b : -14
21 : #2a2c41 : -12
23 : #2e3048 : -10
25 : #32354e : -8
27 : #363954 : -6
29 : #3a3d5a : -4
31 : #3e4160 : -2
33 : #424567 : ±0
35 : #464a6d : +2
37 : #4a4e73 : +4
39 : #4e5279 : +6
41 : #525680 : +8
43 : #565a86 : +10
45 : #5a5f8c : +12
47 : #5d6392 : +14
49 : #616798 : +16
51 : #676c9e : +18
53 : #6d72a2 : +20
55 : #7378a5 : +22
57 : #797ea9 : +24
59 : #7f84ad : +26
61 : #868ab1 : +28
63 : #8c90b5 : +30
65 : #9296b9 : +32
67 : #989cbd : +34
69 : #9fa2c1 : +36
71 : #a5a8c5 : +38
73 : #abaec9 : +40
75 : #b1b4cd : +42
77 : #b7bad1 : +44
79 : #bec0d5 : +46
81 : #c4c6d9 : +48
83 : #caccdd : +50
85 : #d0d2e1 : +52
87 : #d7d8e5 : +54
89 : #dddee9 : +56
91 : #e3e4ed : +58
93 : #e9eaf1 : +60
95 : #eff0f5 : +62
97 : #f6f6f9 : +64
99 : #fcfcfd : +66
CSS入門、作ってます。
text-shadow