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

Gradient tuyến tính, 32 màu, góc 135°: #3aad62, #20b9c2, #1f6bc4, #e4616c, #e5c739. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3aad62
#35b06c
#33b57b
#34ba8a
#36bf9a
#38c1a8
#36c2b3
#2dbfbb
#20b9c2
#14b0c8
#13a7cc
#1e9cce
#2a92cf
#3188ce
#2d7fcb
#2575c7
#1f6bc4
#2763c2
#3b5ac3
#5a54c4
#804fbf
#a84ead
#cc538f
#e4616c
#ef764a
#f08a2f
#ee9a1d
#eba71a
#e9b221
#e8ba2a
#e7c132
#e5c739

CSS

background: linear-gradient(135deg in oklch, oklch(66.54% 0.1516 151.17) 0.0%, oklch(67.48% 0.1474 154.58) 3.2%, oklch(68.95% 0.1413 159.06) 6.5%, oklch(70.63% 0.1342 164.46) 9.7%, oklch(72.19% 0.1272 170.62) 12.9%, oklch(73.31% 0.1213 177.37) 16.1%, oklch(73.67% 0.1175 184.57) 19.4%, oklch(73.05% 0.1164 192.51) 22.6%, oklch(71.66% 0.1169 201.75) 25.8%, oklch(69.72% 0.1187 211.73) 29.0%, oklch(67.47% 0.1216 221.84) 32.3%, oklch(65.15% 0.1252 231.50) 35.5%, oklch(62.98% 0.1292 240.10) 38.7%, oklch(60.96% 0.1339 246.72) 41.9%, oklch(58.44% 0.1403 250.43) 45.2%, oklch(55.73% 0.1479 252.69) 48.4%, oklch(53.24% 0.1555 255.19) 51.6%, oklch(51.38% 0.1624 259.60) 54.8%, oklch(50.59% 0.1676 267.60) 58.1%, oklch(51.27% 0.1702 280.96) 61.3%, oklch(53.66% 0.1702 300.93) 64.5%, oklch(57.27% 0.1685 325.44) 67.7%, oklch(61.56% 0.1657 351.88) 71.0%, oklch(65.97% 0.1626 17.69) 74.2%, oklch(69.95% 0.1599 40.28) 77.4%, oklch(72.96% 0.1582 57.16) 80.6%, oklch(75.35% 0.1572 69.24) 83.9%, oklch(77.46% 0.1563 78.20) 87.1%, oklch(79.28% 0.1556 84.72) 90.3%, oklch(80.82% 0.1551 89.49) 93.5%, oklch(82.08% 0.1547 93.21) 96.8%, oklch(83.07% 0.1543 96.57) 100.0%);

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

Gradient cầu vồ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