#304d50
RGB ( 赤 = 48, 緑 = 77, 青 = 80 )
HSL ( 色相 = 186°, 彩度 = 25%, 明度 = 25% )
H : 色相 ( 186° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #503330 : -180
16 : #503830 : -170
26 : #503e30 : -160
36 : #504330 : -150
46 : #504830 : -140
56 : #504e30 : -130
66 : #4d5030 : -120
76 : #475030 : -110
86 : #425030 : -100
96 : #3d5030 : -90
106 : #375030 : -80
116 : #325030 : -70
126 : #305033 : -60
136 : #305038 : -50
146 : #30503e : -40
156 : #305043 : -30
166 : #305048 : -20
176 : #30504e : -10
186 : #304d50 : ±0
196 : #304750 : +10
206 : #304250 : +20
216 : #303d50 : +30
226 : #303750 : +40
236 : #303250 : +50
246 : #333050 : +60
256 : #383050 : +70
266 : #3e3050 : +80
276 : #433050 : +90
286 : #483050 : +100
296 : #4e3050 : +110
306 : #50304d : +120
316 : #503047 : +130
326 : #503042 : +140
336 : #50303d : +150
346 : #503037 : +160
356 : #503032 : +170
176 : #30504e : -10
177 : #30504e : -9
178 : #30504f : -8
179 : #30504f : -7
180 : #305050 : -6
181 : #304f50 : -5
182 : #304f50 : -4
183 : #304e50 : -3
184 : #304e50 : -2
185 : #304d50 : -1
186 : #304d50 : ±0
187 : #304c50 : +1
188 : #304b50 : +2
189 : #304b50 : +3
190 : #304a50 : +4
191 : #304a50 : +5
192 : #304950 : +6
193 : #304950 : +7
194 : #304850 : +8
195 : #304850 : +9
196 : #304750 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3f4040 : -24
3 : #3e4142 : -22
5 : #3d4243 : -20
7 : #3b4344 : -18
9 : #3a4445 : -16
11 : #394547 : -14
13 : #374648 : -12
15 : #364749 : -10
17 : #35484b : -8
19 : #34494c : -6
21 : #324a4d : -4
23 : #314b4e : -2
25 : #304d50 : ±0
27 : #2f4e51 : +2
29 : #2d4f52 : +4
31 : #2c5054 : +6
33 : #2b5155 : +8
35 : #295256 : +10
37 : #285357 : +12
39 : #275459 : +14
41 : #26555a : +16
43 : #24565b : +18
45 : #23575c : +20
47 : #22585e : +22
49 : #21595f : +24
51 : #1f5a60 : +26
53 : #1e5b62 : +28
55 : #1d5c63 : +30
57 : #1b5d64 : +32
59 : #1a5e65 : +34
61 : #195f67 : +36
63 : #186068 : +38
65 : #166169 : +40
67 : #15626a : +42
69 : #14636c : +44
71 : #12646d : +46
73 : #11656e : +48
75 : #106670 : +50
77 : #0f6771 : +52
79 : #0d6872 : +54
81 : #0c6973 : +56
83 : #0b6a75 : +58
85 : #0a6b76 : +60
87 : #086c77 : +62
89 : #076d78 : +64
91 : #066e7a : +66
93 : #046f7b : +68
95 : #03707c : +70
97 : #02717e : +72
99 : #01727f : +74
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -24
3 : #06090a : -22
5 : #0a0f10 : -20
7 : #0d1516 : -18
9 : #111c1d : -16
11 : #152223 : -14
13 : #192829 : -12
15 : #1d2e30 : -10
17 : #213436 : -8
19 : #243a3d : -6
21 : #284043 : -4
23 : #2c4649 : -2
25 : #304d50 : ±0
27 : #345356 : +2
29 : #37595c : +4
31 : #3b5f63 : +6
33 : #3f6569 : +8
35 : #436b70 : +10
37 : #477176 : +12
39 : #4b777c : +14
41 : #4e7d83 : +16
43 : #528489 : +18
45 : #568a8f : +20
47 : #5a9096 : +22
49 : #5e969c : +24
51 : #639ba1 : +26
53 : #699fa5 : +28
55 : #70a3a9 : +30
57 : #76a7ad : +32
59 : #7cabb1 : +34
61 : #83afb4 : +36
63 : #89b4b8 : +38
65 : #8fb8bc : +40
67 : #96bcc0 : +42
69 : #9cc0c4 : +44
71 : #a3c4c8 : +46
73 : #a9c8cb : +48
75 : #afcccf : +50
77 : #b6d0d3 : +52
79 : #bcd4d7 : +54
81 : #c2d8db : +56
83 : #c9dcde : +58
85 : #cfe0e2 : +60
87 : #d6e4e6 : +62
89 : #dce9ea : +64
91 : #e2edee : +66
93 : #e9f1f2 : +68
95 : #eff5f5 : +70
97 : #f5f9f9 : +72
99 : #fcfdfd : +74
CSS入門、作ってます。
text-shadow