#42054c
RGB ( 赤 = 66, 緑 = 5, 青 = 76 )
HSL ( 色相 = 292°, 彩度 = 88%, 明度 = 16% )
H : 色相 ( 292° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #4d0705 : -290
12 : #4d1305 : -280
22 : #4d1f05 : -270
32 : #4d2b05 : -260
42 : #4d3705 : -250
52 : #4d4305 : -240
62 : #4a4d05 : -230
72 : #3e4d05 : -220
82 : #324d05 : -210
92 : #264d05 : -200
102 : #1a4d05 : -190
112 : #0e4d05 : -180
122 : #054d07 : -170
132 : #054d13 : -160
142 : #054d1f : -150
152 : #054d2b : -140
162 : #054d37 : -130
172 : #054d43 : -120
182 : #054a4d : -110
192 : #053e4d : -100
202 : #05324d : -90
212 : #05264d : -80
222 : #051a4d : -70
232 : #050e4d : -60
242 : #07054d : -50
252 : #13054d : -40
262 : #1f054d : -30
272 : #2b054d : -20
282 : #37054d : -10
292 : #43054d : ±0
302 : #4d054a : +10
312 : #4d053e : +20
322 : #4d0532 : +30
332 : #4d0526 : +40
342 : #4d051a : +50
352 : #4d050e : +60
282 : #37054d : -10
283 : #38054d : -9
284 : #3a054d : -8
285 : #3b054d : -7
286 : #3c054d : -6
287 : #3d054d : -5
288 : #3e054d : -4
289 : #40054d : -3
290 : #41054d : -2
291 : #42054d : -1
292 : #43054d : ±0
293 : #44054d : +1
294 : #46054d : +2
295 : #47054d : +3
296 : #48054d : +4
297 : #49054d : +5
298 : #4a054d : +6
299 : #4c054d : +7
300 : #4d054d : +8
301 : #4d054c : +9
302 : #4d054a : +10
S : 彩度 ( 88% )
(0%) 渋い ～ 鮮やか (100%)
0 : #282828 : -88
2 : #29282a : -86
4 : #2a272a : -84
6 : #2b262b : -82
8 : #2b262c : -80
10 : #2c252d : -78
12 : #2c242e : -76
14 : #2d232f : -74
16 : #2e222f : -72
18 : #2e2130 : -70
20 : #2f2131 : -68
22 : #2f2032 : -66
24 : #301f33 : -64
26 : #311e33 : -62
28 : #311d34 : -60
30 : #321d35 : -58
32 : #321c36 : -56
34 : #331b37 : -54
36 : #341a37 : -52
38 : #341938 : -50
40 : #351839 : -48
42 : #35183a : -46
44 : #36173b : -44
46 : #37163c : -42
48 : #37153c : -40
50 : #38143d : -38
52 : #38143e : -36
54 : #39133f : -34
56 : #3a1240 : -32
58 : #3a1140 : -30
60 : #3b1041 : -28
62 : #3b1042 : -26
64 : #3c0f43 : -24
66 : #3d0e44 : -22
68 : #3d0d45 : -20
70 : #3e0c45 : -18
72 : #3e0b46 : -16
74 : #3f0b47 : -14
76 : #400a48 : -12
78 : #400949 : -10
80 : #410849 : -8
82 : #41074a : -6
84 : #42074b : -4
86 : #43064c : -2
88 : #43054d : ±0
90 : #44044e : +2
92 : #44034e : +4
94 : #45024f : +6
96 : #460250 : +8
98 : #460151 : +10
100 : #470052 : +12
L : 明度 ( 16% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -16
2 : #08010a : -14
4 : #110113 : -12
6 : #19021d : -10
8 : #220226 : -8
10 : #2a0330 : -6
12 : #32043a : -4
14 : #3b0443 : -2
16 : #43054d : ±0
18 : #4c0656 : +2
20 : #540660 : +4
22 : #5c0769 : +6
24 : #650773 : +8
26 : #6d087d : +10
28 : #750986 : +12
30 : #7e0990 : +14
32 : #860a99 : +16
34 : #8f0aa3 : +18
36 : #970bad : +20
38 : #9f0cb6 : +22
40 : #a80cc0 : +24
42 : #b00dc9 : +26
44 : #b90dd3 : +28
46 : #c10edd : +30
48 : #c90fe6 : +32
50 : #d20ff0 : +34
52 : #d419f0 : +36
54 : #d522f1 : +38
56 : #d72cf2 : +40
58 : #d936f2 : +42
60 : #db3ff3 : +44
62 : #dd49f3 : +46
64 : #de52f4 : +48
66 : #e05cf5 : +50
68 : #e266f5 : +52
70 : #e46ff6 : +54
72 : #e679f6 : +56
74 : #e782f7 : +58
76 : #e98cf8 : +60
78 : #eb96f8 : +62
80 : #ed9ff9 : +64
82 : #efa9f9 : +66
84 : #f1b2fa : +68
86 : #f2bcfb : +70
88 : #f4c5fb : +72
90 : #f6cffc : +74
92 : #f8d9fd : +76
94 : #fae2fd : +78
96 : #fbecfe : +80
98 : #fdf5fe : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow