Xanh dương, be, hồng và tím oải hương tông pastel (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #a2dce6, #d4edc0, #f3e7c8, #e7bcce, #b69dd2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
7 keyframe OKLCH chỉnh sửa được.
- #a2dce6
- #a6dfe3
- #ade2de
- #b6e5d9
- #c0e8d5
- #c7ead2
- #ccebce
- #d0ecc8
- #d4edc0
- #d9edb9
- #deedb4
- #e4ecb3
- #e8edb8
- #ebedbe
- #eeedc5
- #f1ebc8
- #f3e7c8
- #f4e0c5
- #f4d7c3
- #f2cec2
- #efc7c4
- #ebc2c7
- #e9bfca
- #e7bcce
- #e5bad2
- #e2b7d5
- #dcb4d7
- #d5b0d7
- #cdaad6
- #c4a5d5
- #bca0d3
- #b69dd2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(85.83% 0.0606 209.53) 0.0%, oklch(86.49% 0.0584 201.91) 3.2%, oklch(87.46% 0.0549 191.00) 6.5%, oklch(88.55% 0.0512 178.45) 9.7%, oklch(89.60% 0.0486 165.92) 12.9%, oklch(90.44% 0.0480 155.06) 16.1%, oklch(90.99% 0.0511 146.44) 19.4%, oklch(91.36% 0.0575 138.73) 22.6%, oklch(91.62% 0.0651 131.76) 25.8%, oklch(91.83% 0.0719 125.39) 29.0%, oklch(92.04% 0.0756 119.48) 32.3%, oklch(92.36% 0.0743 114.49) 35.5%, oklch(92.86% 0.0687 111.50) 38.7%, oklch(93.34% 0.0608 109.12) 41.9%, oklch(93.64% 0.0525 105.76) 45.2%, oklch(93.55% 0.0461 99.83) 48.4%, oklch(92.88% 0.0429 89.70) 51.6%, oklch(91.55% 0.0419 74.94) 54.8%, oklch(89.82% 0.0423 57.48) 58.1%, oklch(87.97% 0.0436 39.47) 61.3%, oklch(86.30% 0.0455 23.05) 64.5%, oklch(85.09% 0.0476 10.17) 67.7%, oklch(84.33% 0.0505 359.93) 71.0%, oklch(83.80% 0.0541 351.34) 74.2%, oklch(83.32% 0.0580 343.92) 77.4%, oklch(82.68% 0.0619 337.19) 80.6%, oklch(81.69% 0.0653 330.68) 83.9%, oklch(80.18% 0.0687 324.39) 87.1%, oklch(78.33% 0.0721 318.64) 90.3%, oklch(76.44% 0.0753 313.60) 93.5%, oklch(74.77% 0.0780 309.46) 96.8%, oklch(73.62% 0.0799 306.40) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
