Be, hồng, cam và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #f1e4ca, #e54b99, #f89cbc, #9cc738, #4a6b30. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f1e4ca
#f1d9b7
#f3c89e
#f7b186
#fa9678
#f97b77
#f36380
#eb528d
#e54b99
#e14fa5
#df5ab1
#e069bc
#e278c3
#e686c8
#eb92c9
#f19ac6
#f89cbc
#ff9eaa
#ffa494
#ffa873
#f9ae3c
#e0ba0f
#bec31a
#9cc738
#81c449
#6dba4f
#61ad4d
#5b9d47
#568d3f
#527f38
#4e7333
#4a6b30

CSS

background: linear-gradient(135deg in oklch, oklch(92.13% 0.0372 84.38) 0.0%, oklch(89.65% 0.0521 76.54) 3.2%, oklch(86.02% 0.0740 65.41) 6.5%, oklch(81.69% 0.1002 52.11) 9.7%, oklch(77.08% 0.1280 37.79) 12.9%, oklch(72.65% 0.1548 23.60) 16.1%, oklch(68.83% 0.1778 10.67) 19.4%, oklch(66.07% 0.1945 0.16) 22.6%, oklch(64.80% 0.2021 353.09) 25.8%, oklch(65.08% 0.2000 347.74) 29.0%, oklch(66.55% 0.1904 343.42) 32.3%, oklch(68.83% 0.1757 340.45) 35.5%, oklch(71.54% 0.1586 339.16) 38.7%, oklch(74.33% 0.1416 339.86) 41.9%, oklch(76.81% 0.1271 342.88) 45.2%, oklch(78.61% 0.1177 348.53) 48.4%, oklch(79.50% 0.1156 357.54) 51.6%, oklch(80.10% 0.1160 11.93) 54.8%, oklch(80.50% 0.1116 30.49) 58.1%, oklch(80.62% 0.1237 51.47) 61.3%, oklch(80.42% 0.1508 73.15) 64.5%, oklch(79.82% 0.1614 93.83) 67.7%, oklch(78.78% 0.1692 111.76) 71.0%, oklch(77.24% 0.1724 125.23) 74.2%, oklch(74.96% 0.1697 133.37) 77.4%, oklch(71.64% 0.1623 137.80) 80.6%, oklch(67.61% 0.1516 139.39) 83.9%, oklch(63.21% 0.1389 138.95) 87.1%, oklch(58.78% 0.1255 137.29) 90.3%, oklch(54.68% 0.1128 135.21) 93.5%, oklch(51.24% 0.1022 133.50) 96.8%, oklch(48.82% 0.0951 132.99) 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