#421f5c
RGB ( 赤 = 66, 緑 = 31, 青 = 92 )
HSL ( 色相 = 274°, 彩度 = 50%, 明度 = 24% )
H : 色相 ( 274° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #5c231f : -270
14 : #5c2d1f : -260
24 : #5c371f : -250
34 : #5c411f : -240
44 : #5c4b1f : -230
54 : #5c561f : -220
64 : #585c1f : -210
74 : #4e5c1f : -200
84 : #435c1f : -190
94 : #395c1f : -180
104 : #2f5c1f : -170
114 : #255c1f : -160
124 : #1f5c23 : -150
134 : #1f5c2d : -140
144 : #1f5c37 : -130
154 : #1f5c41 : -120
164 : #1f5c4b : -110
174 : #1f5c56 : -100
184 : #1f585c : -90
194 : #1f4e5c : -80
204 : #1f435c : -70
214 : #1f395c : -60
224 : #1f2f5c : -50
234 : #1f255c : -40
244 : #231f5c : -30
254 : #2d1f5c : -20
264 : #371f5c : -10
274 : #411f5c : ±0
284 : #4b1f5c : +10
294 : #561f5c : +20
304 : #5c1f58 : +30
314 : #5c1f4e : +40
324 : #5c1f43 : +50
334 : #5c1f39 : +60
344 : #5c1f2f : +70
354 : #5c1f25 : +80
264 : #371f5c : -10
265 : #381f5c : -9
266 : #391f5c : -8
267 : #3a1f5c : -7
268 : #3b1f5c : -6
269 : #3c1f5c : -5
270 : #3d1f5c : -4
271 : #3e1f5c : -3
272 : #3f1f5c : -2
273 : #401f5c : -1
274 : #411f5c : ±0
275 : #421f5c : +1
276 : #431f5c : +2
277 : #441f5c : +3
278 : #451f5c : +4
279 : #461f5c : +5
280 : #471f5c : +6
281 : #481f5c : +7
282 : #491f5c : +8
283 : #4a1f5c : +9
284 : #4b1f5c : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -50
2 : #3d3c3e : -48
4 : #3e3b40 : -46
6 : #3e3a41 : -44
8 : #3e3842 : -42
10 : #3e3743 : -40
12 : #3e3645 : -38
14 : #3e3546 : -36
16 : #3f3347 : -34
18 : #3f3248 : -32
20 : #3f3149 : -30
22 : #3f304b : -28
24 : #3f2f4c : -26
26 : #3f2d4d : -24
28 : #3f2c4e : -22
30 : #402b50 : -20
32 : #402a51 : -18
34 : #402852 : -16
36 : #402753 : -14
38 : #402654 : -12
40 : #402556 : -10
42 : #412357 : -8
44 : #412258 : -6
46 : #412159 : -4
48 : #41205b : -2
50 : #411f5c : ±0
52 : #411d5d : +2
54 : #421c5e : +4
56 : #421b5f : +6
58 : #421a61 : +8
60 : #421862 : +10
62 : #421763 : +12
64 : #421664 : +14
66 : #431566 : +16
68 : #431467 : +18
70 : #431268 : +20
72 : #431169 : +22
74 : #43106a : +24
76 : #430f6c : +26
78 : #440d6d : +28
80 : #440c6e : +30
82 : #440b6f : +32
84 : #440a71 : +34
86 : #440972 : +36
88 : #440773 : +38
90 : #450674 : +40
92 : #450576 : +42
94 : #450477 : +44
96 : #450278 : +46
98 : #450179 : +48
100 : #45007a : +50
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #050308 : -22
4 : #0b050f : -20
6 : #100817 : -18
8 : #160a1f : -16
10 : #1b0d26 : -14
12 : #210f2e : -12
14 : #261236 : -10
16 : #2c143d : -8
18 : #311745 : -6
20 : #361a4d : -4
22 : #3c1c54 : -2
24 : #411f5c : ±0
26 : #472163 : +2
28 : #4c246b : +4
30 : #522673 : +6
32 : #57297a : +8
34 : #5c2b82 : +10
36 : #622e8a : +12
38 : #673091 : +14
40 : #6d3399 : +16
42 : #7236a1 : +18
44 : #7838a8 : +20
46 : #7d3bb0 : +22
48 : #833db8 : +24
50 : #8840bf : +26
52 : #8d47c2 : +28
54 : #924fc4 : +30
56 : #9657c7 : +32
58 : #9b5ec9 : +34
60 : #a066cc : +36
62 : #a56ecf : +38
64 : #a975d1 : +40
66 : #ae7dd4 : +42
68 : #b385d6 : +44
70 : #b88cd9 : +46
72 : #bc94db : +48
74 : #c19cde : +50
76 : #c6a3e0 : +52
78 : #cbabe3 : +54
80 : #cfb3e6 : +56
82 : #d4bae8 : +58
84 : #d9c2eb : +60
86 : #dec9ed : +62
88 : #e2d1f0 : +64
90 : #e7d9f2 : +66
92 : #ece0f5 : +68
94 : #f1e8f7 : +70
96 : #f5f0fa : +72
98 : #faf7fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow