Hồng, tím, tím đậm và xanh dương nhạt (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #e19dd7, #298ac5, #33417e, #2c0a38, #89d7fc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #e19dd7
- #d19ee3
- #b4a4f0
- #8eabf2
- #66b0e6
- #43b0d2
- #29aac2
- #0f9fc0
- #298ac5
- #556cc2
- #734caa
- #823183
- #821d64
- #7a185f
- #69236d
- #51327c
- #33417e
- #154b72
- #094e65
- #0b4a5e
- #0f3f5a
- #1a2e54
- #251b48
- #2c0a38
- #32012c
- #3b042f
- #4c1a48
- #5f3b73
- #6e65a4
- #7793ce
- #7fbcec
- #89d7fc
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.95% 0.1102 331.88) 0.0%, oklch(77.06% 0.1099 316.78) 3.2%, oklch(75.98% 0.1091 293.67) 6.5%, oklch(74.63% 0.1083 267.17) 9.7%, oklch(72.96% 0.1080 241.91) 12.9%, oklch(70.87% 0.1087 222.52) 16.1%, oklch(68.30% 0.1109 213.63) 19.4%, oklch(64.93% 0.1160 220.04) 22.6%, oklch(60.52% 0.1248 240.85) 25.8%, oklch(55.56% 0.1353 269.83) 29.0%, oklch(50.54% 0.1452 300.67) 32.3%, oklch(45.99% 0.1525 327.06) 35.5%, oklch(42.39% 0.1551 342.72) 38.7%, oklch(40.22% 0.1506 341.83) 41.9%, oklch(39.34% 0.1386 325.51) 45.2%, oklch(39.31% 0.1217 299.78) 48.4%, oklch(39.66% 0.1032 270.79) 51.6%, oklch(39.92% 0.0860 244.65) 54.8%, oklch(39.62% 0.0732 227.51) 58.1%, oklch(38.20% 0.0676 225.30) 61.3%, oklch(34.89% 0.0684 238.59) 64.5%, oklch(30.49% 0.0734 261.88) 67.7%, oklch(26.12% 0.0807 289.36) 71.0%, oklch(22.91% 0.0885 315.24) 74.2%, oklch(21.98% 0.0950 333.72) 77.4%, oklch(24.46% 0.0982 339.07) 80.6%, oklch(31.49% 0.0989 330.51) 83.9%, oklch(41.99% 0.0982 312.43) 87.1%, oklch(54.23% 0.0967 289.07) 90.3%, oklch(66.50% 0.0949 264.62) 93.5%, oklch(77.08% 0.0933 243.32) 96.8%, oklch(84.25% 0.0923 229.37) 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
