Tím, xám, tím đậm và xanh dương (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 315°: #7e394c, #b5ccd9, #081227, #3b1a28, #5b7d92. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #7e394c
- #844762
- #8d5c81
- #9677a2
- #9d94be
- #a6afd2
- #b0c3dd
- #b7cee0
- #b5ccd9
- #a7bec9
- #8ea5b0
- #708792
- #506674
- #324858
- #1b2e41
- #0d1c30
- #081227
- #0a0c23
- #0f0921
- #170821
- #200a21
- #2a0e22
- #331424
- #3b1a28
- #422031
- #492a40
- #503753
- #544666
- #565678
- #576685
- #58738d
- #5b7d92
CSS
background: linear-gradient(315deg in oklch, oklch(44.09% 0.0965 4.92) 0.0%, oklch(48.03% 0.0907 353.29) 3.2%, oklch(54.09% 0.0824 336.52) 6.5%, oklch(61.35% 0.0725 316.49) 9.7%, oklch(68.89% 0.0619 295.06) 12.9%, oklch(75.78% 0.0515 274.08) 16.1%, oklch(81.10% 0.0423 255.40) 19.4%, oklch(83.93% 0.0351 240.90) 22.6%, oklch(83.33% 0.0310 232.32) 25.8%, oklch(78.67% 0.0295 228.49) 29.0%, oklch(70.78% 0.0300 228.05) 32.3%, oklch(60.79% 0.0321 230.43) 35.5%, oklch(49.83% 0.0350 235.05) 38.7%, oklch(39.03% 0.0385 241.30) 41.9%, oklch(29.50% 0.0418 248.62) 45.2%, oklch(22.38% 0.0445 256.41) 48.4%, oklch(18.51% 0.0463 264.83) 51.6%, oklch(16.71% 0.0480 277.27) 54.8%, oklch(16.44% 0.0498 292.75) 58.1%, oklch(17.38% 0.0516 309.48) 61.3%, oklch(19.23% 0.0532 325.69) 64.5%, oklch(21.64% 0.0546 339.61) 67.7%, oklch(24.32% 0.0557 349.44) 71.0%, oklch(26.95% 0.0564 353.42) 74.2%, oklch(29.67% 0.0566 349.82) 77.4%, oklch(33.32% 0.0563 338.91) 80.6%, oklch(37.61% 0.0555 322.78) 83.9%, oklch(42.21% 0.0546 303.51) 87.1%, oklch(46.79% 0.0535 283.21) 90.3%, oklch(51.02% 0.0524 263.97) 93.5%, oklch(54.56% 0.0515 247.88) 96.8%, oklch(57.09% 0.0510 237.05) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
