#42445c
RGB ( 赤 = 66, 緑 = 68, 青 = 92 )
HSL ( 色相 = 235°, 彩度 = 16%, 明度 = 31% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #5c4542 : -230
15 : #5c4942 : -220
25 : #5c4d42 : -210
35 : #5c5142 : -200
45 : #5c5542 : -190
55 : #5c5a42 : -180
65 : #5a5c42 : -170
75 : #555c42 : -160
85 : #515c42 : -150
95 : #4d5c42 : -140
105 : #495c42 : -130
115 : #455c42 : -120
125 : #425c45 : -110
135 : #425c49 : -100
145 : #425c4d : -90
155 : #425c51 : -80
165 : #425c55 : -70
175 : #425c5a : -60
185 : #425a5c : -50
195 : #42555c : -40
205 : #42515c : -30
215 : #424d5c : -20
225 : #42495c : -10
235 : #42455c : ±0
245 : #45425c : +10
255 : #49425c : +20
265 : #4d425c : +30
275 : #51425c : +40
285 : #55425c : +50
295 : #5a425c : +60
305 : #5c425a : +70
315 : #5c4255 : +80
325 : #5c4251 : +90
335 : #5c424d : +100
345 : #5c4249 : +110
355 : #5c4245 : +120
225 : #42495c : -10
226 : #42485c : -9
227 : #42485c : -8
228 : #42475c : -7
229 : #42475c : -6
230 : #42475c : -5
231 : #42465c : -4
232 : #42465c : -3
233 : #42455c : -2
234 : #42455c : -1
235 : #42455c : ±0
236 : #42445c : +1
237 : #42445c : +2
238 : #42435c : +3
239 : #42435c : +4
240 : #42425c : +5
241 : #43425c : +6
242 : #43425c : +7
243 : #44425c : +8
244 : #44425c : +9
245 : #45425c : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4f4f4f : -16
2 : #4d4e51 : -14
4 : #4c4c52 : -12
6 : #4a4b54 : -10
8 : #494a55 : -8
10 : #474857 : -6
12 : #464759 : -4
14 : #44465a : -2
16 : #42455c : ±0
18 : #41435d : +2
20 : #3f425f : +4
22 : #3e4160 : +6
24 : #3c3f62 : +8
26 : #3a3e64 : +10
28 : #393d65 : +12
30 : #373b67 : +14
32 : #363a68 : +16
34 : #34396a : +18
36 : #33376c : +20
38 : #31366d : +22
40 : #2f356f : +24
42 : #2e3370 : +26
44 : #2c3272 : +28
46 : #2b3173 : +30
48 : #292f75 : +32
50 : #282e77 : +34
52 : #262d78 : +36
54 : #242b7a : +38
56 : #232a7b : +40
58 : #21297d : +42
60 : #20287e : +44
62 : #1e2680 : +46
64 : #1c2582 : +48
66 : #1b2483 : +50
68 : #192285 : +52
70 : #182186 : +54
72 : #162088 : +56
74 : #151e8a : +58
76 : #131d8b : +60
78 : #111c8d : +62
80 : #101a8e : +64
82 : #0e1990 : +66
84 : #0d1891 : +68
86 : #0b1693 : +70
88 : #091595 : +72
90 : #081496 : +74
92 : #061298 : +76
94 : #051199 : +78
96 : #03109b : +80
98 : #020e9d : +82
100 : #000d9e : +84
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -30
3 : #060709 : -28
5 : #0b0b0f : -26
7 : #0f0f15 : -24
9 : #13141b : -22
11 : #181821 : -20
13 : #1c1d26 : -18
15 : #20212c : -16
17 : #242632 : -14
19 : #292a38 : -12
21 : #2d2e3e : -10
23 : #313344 : -8
25 : #36374a : -6
27 : #3a3c50 : -4
29 : #3e4056 : -2
31 : #42455c : ±0
33 : #474962 : +2
35 : #4b4d68 : +4
37 : #4f526d : +6
39 : #545673 : +8
41 : #585b79 : +10
43 : #5c5f7f : +12
45 : #606385 : +14
47 : #65688b : +16
49 : #696c91 : +18
51 : #6e7196 : +20
53 : #74779a : +22
55 : #7a7d9f : +24
57 : #8083a3 : +26
59 : #8689a7 : +28
61 : #8c8eab : +30
63 : #9294b0 : +32
65 : #979ab4 : +34
67 : #9da0b8 : +36
69 : #a3a5bd : +38
71 : #a9abc1 : +40
73 : #afb1c5 : +42
75 : #b5b7c9 : +44
77 : #bbbdce : +46
79 : #c1c2d2 : +48
81 : #c7c8d6 : +50
83 : #cdcedb : +52
85 : #d3d4df : +54
87 : #d9d9e3 : +56
89 : #dedfe7 : +58
91 : #e4e5ec : +60
93 : #eaebf0 : +62
95 : #f0f1f4 : +64
97 : #f6f6f9 : +66
99 : #fcfcfd : +68
CSS入門、作ってます。
text-shadow