Hồng, vàng và xanh lá tông rực rỡ (gradient tuyến tính)

Hồng, vàng và xanh lá tông rực rỡ: bảng màu gồm 32 màu. #f0447b, #ff7b5e, #ffc044, #e9e855, #76d969. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#f0447b
#f24978
#f44e75
#f65571
#f85c6d
#fa6369
#fc6b65
#fe7361
#ff7b5e
#ff855b
#ff8e59
#ff9857
#ffa154
#ffaa52
#ffb24f
#ffb949
#ffc044
#fdc746
#fcce49
#fbd54b
#f8db4d
#f5e150
#f0e552
#e9e855
#dfea57
#d2e95a
#c3e85c
#b2e55e
#a1e161
#90de64
#81db67
#76d969

CSS

background: linear-gradient(27deg in oklch, oklch(64.96% 0.2094 6.33) 0.0%, oklch(65.57% 0.2062 8.31) 3.2%, oklch(66.36% 0.2018 10.80) 6.5%, oklch(67.29% 0.1964 13.76) 9.7%, oklch(68.35% 0.1906 17.14) 12.9%, oklch(69.49% 0.1847 20.89) 16.1%, oklch(70.69% 0.1790 24.97) 19.4%, oklch(71.92% 0.1740 29.33) 22.6%, oklch(73.14% 0.1671 33.93) 25.8%, oklch(74.48% 0.1595 39.15) 29.0%, oklch(75.93% 0.1529 44.96) 32.3%, oklch(77.45% 0.1477 51.16) 35.5%, oklch(79.00% 0.1444 57.54) 38.7%, oklch(80.51% 0.1432 63.88) 41.9%, oklch(81.95% 0.1442 69.97) 45.2%, oklch(83.26% 0.1476 75.61) 48.4%, oklch(84.45% 0.1515 80.62) 51.6%, oklch(85.69% 0.1522 85.19) 54.8%, oklch(86.95% 0.1537 89.43) 58.1%, oklch(88.14% 0.1557 93.44) 61.3%, oklch(89.19% 0.1581 97.30) 64.5%, oklch(90.00% 0.1606 101.10) 67.7%, oklch(90.50% 0.1629 104.93) 71.0%, oklch(90.60% 0.1649 108.87) 74.2%, oklch(90.16% 0.1666 113.09) 77.4%, oklch(89.11% 0.1682 117.67) 80.6%, oklch(87.63% 0.1699 122.43) 83.9%, oklch(85.88% 0.1715 127.15) 87.1%, oklch(84.06% 0.1730 131.63) 90.3%, oklch(82.34% 0.1744 135.66) 93.5%, oklch(80.90% 0.1755 139.05) 96.8%, oklch(79.92% 0.1764 141.59) 100.0%);

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

Gradient tươi 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