Tím oải hương, xanh dương, xám và hồng (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #d9b2c1, #455672, #939c82, #fbcbc2, #d1677f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #d9b2c1
- #cfaabd
- #c09fb6
- #ae92ad
- #9983a2
- #827596
- #6c6989
- #585e7d
- #455672
- #375169
- #2d5062
- #2a545f
- #325d60
- #436a63
- #5a7a6a
- #768a74
- #939c82
- #aead93
- #c8bda4
- #dccab4
- #ecd2c0
- #f5d5c6
- #fad2c7
- #fbcbc2
- #f9c0bb
- #f5b3b2
- #efa5a7
- #e8969c
- #e18792
- #db7a89
- #d56f82
- #d1677f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.31% 0.0496 352.97) 0.0%, oklch(77.71% 0.0497 345.98) 3.2%, oklch(73.91% 0.0500 337.33) 6.5%, oklch(69.25% 0.0503 327.20) 9.7%, oklch(64.07% 0.0506 315.81) 12.9%, oklch(58.71% 0.0509 303.35) 16.1%, oklch(53.52% 0.0512 290.03) 19.4%, oklch(48.85% 0.0514 276.05) 22.6%, oklch(45.02% 0.0515 261.60) 25.8%, oklch(42.39% 0.0514 246.89) 29.0%, oklch(41.30% 0.0511 232.12) 32.3%, oklch(42.12% 0.0504 216.96) 35.5%, oklch(44.94% 0.0488 200.04) 38.7%, oklch(49.35% 0.0464 181.74) 41.9%, oklch(54.91% 0.0437 162.55) 45.2%, oklch(61.19% 0.0409 142.99) 48.4%, oklch(67.76% 0.0384 123.57) 51.6%, oklch(74.17% 0.0365 104.79) 54.8%, oklch(80.00% 0.0356 87.17) 58.1%, oklch(84.81% 0.0359 71.21) 61.3%, oklch(88.16% 0.0377 57.42) 64.5%, oklch(89.66% 0.0415 46.25) 67.7%, oklch(89.55% 0.0477 37.30) 71.0%, oklch(88.21% 0.0561 30.15) 74.2%, oklch(85.89% 0.0661 24.54) 77.4%, oklch(82.85% 0.0772 20.23) 80.6%, oklch(79.37% 0.0888 16.97) 83.9%, oklch(75.71% 0.1003 14.49) 87.1%, oklch(72.13% 0.1112 12.55) 90.3%, oklch(68.91% 0.1210 10.89) 93.5%, oklch(66.30% 0.1291 9.26) 96.8%, oklch(64.57% 0.1350 7.41) 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
