Xanh hải quân, tím và hồng (ba tông) liền mạch (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 315°: #07142d, #9b52c4, #ff745e, #ffc0f1, #08142d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #07142d
- #0e1b3b
- #1a2550
- #2a316a
- #3f3d85
- #56479e
- #6e4eb1
- #8452be
- #9b52c4
- #b350c4
- #c94dbe
- #dd4bb4
- #ee4ba6
- #fb4e96
- #ff5c82
- #ff6a6f
- #ff745e
- #ff7d53
- #ff8455
- #ff8d69
- #ff9a8e
- #ffabb5
- #ffb9d5
- #ffc0f1
- #f0c4ff
- #d9befb
- #b6a9e2
- #8b89bb
- #5f658f
- #394266
- #1a2643
- #08142d
CSS
background: linear-gradient(315deg in oklch, oklch(19.69% 0.0537 261.56) 0.0%, oklch(23.20% 0.0647 264.97) 3.2%, oklch(28.18% 0.0801 269.45) 6.5%, oklch(34.04% 0.0983 274.85) 9.7%, oklch(40.16% 0.1174 281.01) 12.9%, oklch(45.94% 0.1358 287.76) 16.1%, oklch(50.77% 0.1516 294.96) 19.4%, oklch(54.45% 0.1651 302.79) 22.6%, oklch(57.56% 0.1788 311.70) 25.8%, oklch(60.22% 0.1918 321.29) 29.0%, oklch(62.54% 0.2030 331.16) 32.3%, oklch(64.62% 0.2114 340.89) 35.5%, oklch(66.56% 0.2159 350.07) 38.7%, oklch(68.39% 0.2153 359.01) 41.9%, oklch(69.85% 0.1989 9.69) 45.2%, oklch(71.06% 0.1824 20.87) 48.4%, oklch(72.13% 0.1741 30.90) 51.6%, oklch(73.19% 0.1691 38.17) 54.8%, oklch(74.37% 0.1617 41.05) 58.1%, oklch(75.94% 0.1474 37.84) 61.3%, oklch(78.85% 0.1225 27.48) 64.5%, oklch(82.48% 0.0997 11.91) 67.7%, oklch(85.84% 0.0877 353.50) 71.0%, oklch(87.94% 0.0949 334.61) 74.2%, oklch(87.81% 0.0921 317.64) 77.4%, oklch(84.43% 0.0893 304.81) 80.6%, oklch(76.50% 0.0814 294.68) 83.9%, oklch(65.04% 0.0742 285.86) 87.1%, oklch(51.85% 0.0677 278.30) 90.3%, oklch(38.71% 0.0620 271.94) 93.5%, oklch(27.39% 0.0573 266.73) 96.8%, oklch(19.69% 0.0537 262.62) 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
