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

Gradient tuyến tính, 32 màu, góc 135°: #f0e2c5, #213468, #7748b0, #e24da0, #a7d249. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f0e2c5
#d9d5b3
#b5c19e
#88aa8c
#589082
#2d757b
#135a75
#17436d
#213468
#292d68
#322b6d
#3b2e77
#453383
#503a91
#5c419f
#6946aa
#7748b0
#8449b5
#924ab9
#a14bbb
#b04bbb
#c04cb7
#d14caf
#e24da0
#f25189
#ff5b67
#ff7240
#f78a00
#e5a300
#d2b700
#bcc71c
#a7d249

CSS

background: linear-gradient(135deg in oklch, oklch(91.73% 0.0413 86.48) 0.0%, oklch(86.64% 0.0453 101.64) 3.2%, oklch(79.28% 0.0505 122.96) 6.5%, oklch(70.48% 0.0567 148.42) 9.7%, oklch(61.07% 0.0637 175.96) 12.9%, oklch(51.90% 0.0711 203.55) 16.1%, oklch(43.79% 0.0789 229.14) 19.4%, oklch(37.57% 0.0866 250.69) 22.6%, oklch(34.04% 0.0942 266.23) 25.8%, oklch(32.96% 0.1022 276.53) 29.0%, oklch(33.70% 0.1107 283.13) 32.3%, oklch(35.79% 0.1196 287.05) 35.5%, oklch(38.77% 0.1285 289.31) 38.7%, oklch(42.18% 0.1372 290.93) 41.9%, oklch(45.57% 0.1456 292.93) 45.2%, oklch(48.48% 0.1535 296.34) 48.4%, oklch(50.60% 0.1607 301.71) 51.6%, oklch(52.61% 0.1681 307.01) 54.8%, oklch(54.64% 0.1755 312.19) 58.1%, oklch(56.69% 0.1826 317.64) 61.3%, oklch(58.74% 0.1891 323.74) 64.5%, oklch(60.79% 0.1945 330.88) 67.7%, oklch(62.83% 0.1986 339.46) 71.0%, oklch(64.85% 0.2009 349.86) 74.2%, oklch(66.92% 0.2010 3.04) 77.4%, oklch(69.15% 0.1985 19.93) 80.6%, oklch(71.45% 0.1841 39.25) 83.9%, oklch(73.74% 0.1736 59.63) 87.1%, oklch(75.90% 0.1573 79.75) 90.3%, oklch(77.85% 0.1610 98.24) 93.5%, oklch(79.48% 0.1726 113.73) 96.8%, oklch(80.71% 0.1695 124.88) 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