#284d44
RGB ( 赤 = 40, 緑 = 77, 青 = 68 )
HSL ( 色相 = 165°, 彩度 = 32%, 明度 = 23% )
H : 色相 ( 165° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #4d2b28 : -160
15 : #4d3128 : -150
25 : #4d3828 : -140
35 : #4d3e28 : -130
45 : #4d4428 : -120
55 : #4d4a28 : -110
65 : #4a4d28 : -100
75 : #444d28 : -90
85 : #3e4d28 : -80
95 : #384d28 : -70
105 : #314d28 : -60
115 : #2b4d28 : -50
125 : #284d2b : -40
135 : #284d31 : -30
145 : #284d38 : -20
155 : #284d3e : -10
165 : #284d44 : ±0
175 : #284d4a : +10
185 : #284a4d : +20
195 : #28444d : +30
205 : #283e4d : +40
215 : #28384d : +50
225 : #28314d : +60
235 : #282b4d : +70
245 : #2b284d : +80
255 : #31284d : +90
265 : #38284d : +100
275 : #3e284d : +110
285 : #44284d : +120
295 : #4a284d : +130
305 : #4d284a : +140
315 : #4d2844 : +150
325 : #4d283e : +160
335 : #4d2838 : +170
345 : #4d2831 : +180
355 : #4d282b : +190
155 : #284d3e : -10
156 : #284d3e : -9
157 : #284d3f : -8
158 : #284d40 : -7
159 : #284d40 : -6
160 : #284d41 : -5
161 : #284d42 : -4
162 : #284d42 : -3
163 : #284d43 : -2
164 : #284d43 : -1
165 : #284d44 : ±0
166 : #284d45 : +1
167 : #284d45 : +2
168 : #284d46 : +3
169 : #284d47 : +4
170 : #284d47 : +5
171 : #284d48 : +6
172 : #284d48 : +7
173 : #284d49 : +8
174 : #284d4a : +9
175 : #284d4a : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -32
2 : #393c3b : -30
4 : #383d3c : -28
6 : #373e3c : -26
8 : #363f3d : -24
10 : #35413e : -22
12 : #34423e : -20
14 : #32433f : -18
16 : #31443f : -16
18 : #304540 : -14
20 : #2f4641 : -12
22 : #2e4841 : -10
24 : #2d4942 : -8
26 : #2b4a42 : -6
28 : #2a4b43 : -4
30 : #294c43 : -2
32 : #284d44 : ±0
34 : #274f45 : +2
36 : #265045 : +4
38 : #245146 : +6
40 : #235246 : +8
42 : #225347 : +10
44 : #215448 : +12
46 : #205648 : +14
48 : #1e5749 : +16
50 : #1d5849 : +18
52 : #1c594a : +20
54 : #1b5a4a : +22
56 : #1a5b4b : +24
58 : #195d4c : +26
60 : #175e4c : +28
62 : #165f4d : +30
64 : #15604d : +32
66 : #14614e : +34
68 : #13634f : +36
70 : #12644f : +38
72 : #106550 : +40
74 : #0f6650 : +42
76 : #0e6751 : +44
78 : #0d6852 : +46
80 : #0c6a52 : +48
82 : #0b6b53 : +50
84 : #096c53 : +52
86 : #086d54 : +54
88 : #076e54 : +56
90 : #066f55 : +58
92 : #057156 : +60
94 : #047256 : +62
96 : #027357 : +64
98 : #017457 : +66
100 : #007558 : +68
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -22
3 : #050a09 : -20
5 : #09110f : -18
7 : #0c1815 : -16
9 : #101e1b : -14
11 : #132521 : -12
13 : #172c26 : -10
15 : #1a322c : -8
17 : #1d3932 : -6
19 : #214038 : -4
21 : #24473e : -2
23 : #284d44 : ±0
25 : #2b544a : +2
27 : #2f5b50 : +4
29 : #326256 : +6
31 : #36685c : +8
33 : #396f62 : +10
35 : #3d7668 : +12
37 : #407d6d : +14
39 : #448373 : +16
41 : #478a79 : +18
43 : #4b917f : +20
45 : #4e9785 : +22
47 : #519e8b : +24
49 : #55a591 : +26
51 : #5aaa96 : +28
53 : #61ae9a : +30
55 : #68b19f : +32
57 : #6eb4a3 : +34
59 : #75b8a7 : +36
61 : #7cbbab : +38
63 : #82bfb0 : +40
65 : #89c2b4 : +42
67 : #90c6b8 : +44
69 : #97c9bd : +46
71 : #9dcdc1 : +48
73 : #a4d0c5 : +50
75 : #abd4c9 : +52
77 : #b2d7ce : +54
79 : #b8dbd2 : +56
81 : #bfded6 : +58
83 : #c6e2db : +60
85 : #cde5df : +62
87 : #d3e8e3 : +64
89 : #daece7 : +66
91 : #e1efec : +68
93 : #e7f3f0 : +70
95 : #eef6f4 : +72
97 : #f5faf9 : +74
99 : #fcfdfd : +76
CSS入門、作ってます。
text-shadow