Cầu vồng từ be sang vàng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #eee3c9, #442a75, #7c5ec1, #95d144, #d2e77c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eee3c9
#e5d0b5
#d8b49c
#c79387
#af727b
#925577
#724076
#563175
#442a75
#3f2877
#43297b
#4e2d81
#5d3388
#6d3b91
#7a459c
#8150ac
#7c5ec1
#6871d7
#338ae5
#00a2ce
#00b4b8
#00c69c
#53d16c
#95d144
#b6d22e
#c9d32d
#d2d63b
#d5da4c
#d4de5c
#d2e26a
#d1e575
#d2e77c

CSS

background: linear-gradient(135deg in oklch, oklch(91.73% 0.0358 87.89) 0.0%, oklch(86.79% 0.0431 74.75) 3.2%, oklch(79.62% 0.0533 56.01) 6.5%, oklch(71.06% 0.0654 33.63) 9.7%, oklch(61.92% 0.0786 9.56) 12.9%, oklch(53.03% 0.0919 345.78) 16.1%, oklch(45.22% 0.1043 324.24) 19.4%, oklch(39.31% 0.1150 306.90) 22.6%, oklch(36.08% 0.1230 295.73) 25.8%, oklch(35.25% 0.1288 291.72) 29.0%, oklch(36.20% 0.1330 293.15) 32.3%, oklch(38.49% 0.1361 297.87) 35.5%, oklch(41.72% 0.1385 303.72) 38.7%, oklch(45.47% 0.1406 308.55) 41.9%, oklch(49.31% 0.1428 310.22) 45.2%, oklch(52.82% 0.1457 306.56) 48.4%, oklch(55.79% 0.1495 295.49) 51.6%, oklch(59.04% 0.1546 276.89) 54.8%, oklch(62.59% 0.1604 252.88) 58.1%, oklch(66.28% 0.1264 225.71) 61.3%, oklch(69.96% 0.1190 197.57) 64.5%, oklch(73.47% 0.1443 170.73) 67.7%, oklch(76.65% 0.1796 147.42) 71.0%, oklch(79.34% 0.1806 129.87) 74.2%, oklch(81.49% 0.1790 119.19) 77.4%, oklch(83.26% 0.1747 113.26) 80.6%, oklch(84.72% 0.1683 110.96) 83.9%, oklch(85.92% 0.1608 111.28) 87.1%, oklch(86.89% 0.1529 113.17) 90.3%, oklch(87.69% 0.1455 115.64) 93.5%, oklch(88.37% 0.1393 117.65) 96.8%, oklch(88.98% 0.1350 118.18) 100.0%);

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

Vẽ nguệch ngoạc trên vở học sinh

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