Xanh hải quân, tím và hồng (ba tông) (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #080d22, #262753, #60448e, #af509a, #f45f70. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #080d22
- #0a0f26
- #0d122a
- #10152f
- #131835
- #171b3c
- #1c1f43
- #21234b
- #262753
- #2c2b5b
- #323063
- #39346b
- #403873
- #483c7b
- #4f3f82
- #574288
- #60448e
- #694793
- #744997
- #7f4a9a
- #8b4c9c
- #974d9d
- #a34f9c
- #af509a
- #bb5196
- #c65392
- #d1548d
- #da5687
- #e25881
- #e95a7b
- #ef5d75
- #f45f70
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.93% 0.0441 270.70) 0.0%, oklch(17.94% 0.0467 271.56) 3.2%, oklch(19.16% 0.0499 272.44) 6.5%, oklch(20.59% 0.0535 273.36) 9.7%, oklch(22.18% 0.0576 274.34) 12.9%, oklch(23.92% 0.0621 275.41) 16.1%, oklch(25.77% 0.0668 276.58) 19.4%, oklch(27.72% 0.0718 277.89) 22.6%, oklch(29.74% 0.0770 279.34) 25.8%, oklch(31.80% 0.0823 280.96) 29.0%, oklch(33.88% 0.0877 282.77) 32.3%, oklch(35.95% 0.0931 284.80) 35.5%, oklch(37.99% 0.0984 287.06) 38.7%, oklch(39.97% 0.1036 289.58) 41.9%, oklch(41.86% 0.1087 292.37) 45.2%, oklch(43.64% 0.1135 295.46) 48.4%, oklch(45.32% 0.1180 298.92) 51.6%, oklch(47.03% 0.1227 303.04) 54.8%, oklch(48.78% 0.1276 307.77) 58.1%, oklch(50.55% 0.1326 313.01) 61.3%, oklch(52.34% 0.1377 318.64) 64.5%, oklch(54.12% 0.1428 324.56) 67.7%, oklch(55.88% 0.1478 330.67) 71.0%, oklch(57.60% 0.1528 336.86) 74.2%, oklch(59.27% 0.1576 343.01) 77.4%, oklch(60.86% 0.1622 349.03) 80.6%, oklch(62.38% 0.1666 354.82) 83.9%, oklch(63.79% 0.1707 0.25) 87.1%, oklch(65.08% 0.1745 5.23) 90.3%, oklch(66.25% 0.1779 9.65) 93.5%, oklch(67.26% 0.1808 13.40) 96.8%, oklch(68.11% 0.1833 16.38) 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
