Hồng, be, xanh lá và xanh cổ vịt (gradient xuyên tâm)

Bảng màu Hồng, be, xanh lá và xanh cổ vịt

Gradient xuyên tâm, 32 màu: #ce8bdd, #fbe5ac, #85cd82, #06b361, #69edbe. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ce8bdd
#db8dd5
#ea93c9
#f99bbb
#ffaaae
#ffbcaa
#ffcbab
#ffd9aa
#fbe5ac
#f3efb5
#eaf4bc
#dff5be
#d2f1b9
#c1eaaf
#aee2a2
#9ad892
#85cd82
#71c371
#5eb962
#4cb256
#3aad50
#28ad51
#15af58
#06b361
#0aba6d
#1bc17a
#2dca88
#3dd296
#4cdba3
#59e2ae
#63e8b7
#69edbe

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(73.23% 0.1350 319.92) 0.0%, oklch(74.66% 0.1308 329.62) 3.2%, oklch(76.76% 0.1245 342.74) 6.5%, oklch(79.34% 0.1168 358.50) 9.7%, oklch(82.21% 0.1003 16.11) 12.9%, oklch(85.17% 0.0821 34.77) 16.1%, oklch(88.02% 0.0733 53.70) 19.4%, oklch(90.58% 0.0738 72.10) 22.6%, oklch(92.65% 0.0774 89.18) 25.8%, oklch(94.04% 0.0737 104.16) 29.0%, oklch(94.55% 0.0726 116.24) 32.3%, oklch(93.95% 0.0751 125.05) 35.5%, oklch(92.16% 0.0812 131.63) 38.7%, oklch(89.42% 0.0902 136.40) 41.9%, oklch(86.00% 0.1014 139.68) 45.2%, oklch(82.17% 0.1138 141.81) 48.4%, oklch(78.21% 0.1268 143.11) 51.6%, oklch(74.37% 0.1395 143.92) 54.8%, oklch(70.93% 0.1512 144.57) 58.1%, oklch(68.16% 0.1609 145.39) 61.3%, oklch(66.32% 0.1680 146.71) 64.5%, oklch(65.67% 0.1717 148.79) 67.7%, oklch(66.10% 0.1725 151.08) 71.0%, oklch(67.37% 0.1711 153.34) 74.2%, oklch(69.32% 0.1679 155.53) 77.4%, oklch(71.74% 0.1635 157.64) 80.6%, oklch(74.46% 0.1581 159.64) 83.9%, oklch(77.27% 0.1524 161.50) 87.1%, oklch(80.01% 0.1468 163.20) 90.3%, oklch(82.47% 0.1417 164.70) 93.5%, oklch(84.47% 0.1377 166.00) 96.8%, oklch(85.83% 0.1350 167.05) 100.0%);

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

Gradient nhiều màu tông sáng

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