Be, hồng, tím và hồng cánh sen (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #feddbe, #804c93, #4c2c85, #7c2e85, #c82778. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#feddbe
#f9d0b4
#f2bfa8
#e8aa9e
#da9497
#c77f94
#b16b93
#995a93
#804c93
#694291
#583a8e
#4c348c
#463089
#432e88
#442c86
#472c85
#4c2c85
#532c84
#5a2d84
#612e84
#672e83
#6d2e84
#742e84
#7c2e85
#862d86
#912d86
#9c2c85
#a72b83
#b12a81
#ba297e
#c2287b
#c82778

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(91.73% 0.0551 64.69) 0.0%, oklch(88.65% 0.0601 56.61) 3.2%, oklch(84.43% 0.0668 45.44) 6.5%, oklch(79.35% 0.0750 31.97) 9.7%, oklch(73.68% 0.0840 16.93) 12.9%, oklch(67.69% 0.0936 1.10) 16.1%, oklch(61.66% 0.1033 345.24) 19.4%, oklch(55.86% 0.1127 330.11) 22.6%, oklch(50.57% 0.1214 316.47) 25.8%, oklch(46.06% 0.1289 305.08) 29.0%, oklch(42.60% 0.1349 296.70) 32.3%, oklch(40.32% 0.1389 291.73) 35.5%, oklch(38.84% 0.1413 289.20) 38.7%, oklch(38.02% 0.1425 288.71) 41.9%, oklch(37.75% 0.1427 289.89) 45.2%, oklch(37.93% 0.1423 292.40) 48.4%, oklch(38.47% 0.1416 295.89) 51.6%, oklch(39.25% 0.1410 300.01) 54.8%, oklch(40.17% 0.1407 304.40) 58.1%, oklch(41.12% 0.1413 308.71) 61.3%, oklch(42.01% 0.1429 312.60) 64.5%, oklch(42.77% 0.1459 315.82) 67.7%, oklch(43.73% 0.1503 319.37) 71.0%, oklch(44.95% 0.1558 323.47) 74.2%, oklch(46.38% 0.1621 327.97) 77.4%, oklch(47.93% 0.1690 332.68) 80.6%, oklch(49.53% 0.1760 337.44) 83.9%, oklch(51.12% 0.1830 342.07) 87.1%, oklch(52.62% 0.1895 346.41) 90.3%, oklch(53.97% 0.1954 350.30) 93.5%, oklch(55.09% 0.2003 353.55) 96.8%, oklch(55.91% 0.2039 356.00) 100.0%);

Trong các bộ sưu tập này

Gradient cam và tím

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động