Trắng, xanh dương, xanh lá và cam (gradient tuyến tính)

Bảng màu Trắng, xanh dương, xanh lá và cam

Gradient tuyến tính, 32 màu, góc 45°: #f2eee1, #182a55, #27b6c1, #e4d058, #c23d41. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2eee1
#dbdccb
#b8c2ae
#8ba594
#5b867f
#326670
#1b4a63
#163459
#182a55
#1c2b5b
#223668
#27487b
#2a5e91
#2a78a5
#2991b6
#28a7bf
#27b6c1
#33c4bd
#4dd0b3
#6ed8a4
#91dd91
#b2dd7c
#ced968
#e4d058
#f1c44a
#f6b23d
#f59c35
#ee8533
#e36f35
#d75a39
#cb493d
#c23d41

CSS

background: linear-gradient(45deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(88.92% 0.0231 108.06) 3.2%, oklch(80.15% 0.0303 130.17) 6.5%, oklch(69.67% 0.0388 156.59) 9.7%, oklch(58.55% 0.0481 184.78) 12.9%, oklch(47.91% 0.0576 212.21) 16.1%, oklch(38.81% 0.0667 236.33) 19.4%, oklch(32.36% 0.0749 254.61) 22.6%, oklch(29.63% 0.0814 264.62) 25.8%, oklch(30.61% 0.0868 267.60) 29.0%, oklch(34.43% 0.0914 265.42) 32.3%, oklch(40.26% 0.0954 259.15) 35.5%, oklch(47.28% 0.0991 249.87) 38.7%, oklch(54.66% 0.1026 238.64) 41.9%, oklch(61.58% 0.1060 226.53) 45.2%, oklch(67.22% 0.1097 214.61) 48.4%, oklch(71.06% 0.1136 203.40) 51.6%, oklch(74.51% 0.1176 190.46) 54.8%, oklch(77.72% 0.1216 175.88) 58.1%, oklch(80.54% 0.1256 160.29) 61.3%, oklch(82.84% 0.1295 144.29) 64.5%, oklch(84.48% 0.1334 128.52) 67.7%, oklch(85.33% 0.1372 113.58) 71.0%, oklch(85.23% 0.1410 100.11) 74.2%, oklch(83.84% 0.1448 88.07) 77.4%, oklch(80.85% 0.1489 76.30) 80.6%, oklch(76.71% 0.1530 64.98) 83.9%, oklch(71.89% 0.1571 54.32) 87.1%, oklch(66.87% 0.1610 44.58) 90.3%, oklch(62.15% 0.1644 35.96) 93.5%, oklch(58.20% 0.1673 28.72) 96.8%, oklch(55.51% 0.1695 23.07) 100.0%);

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

Gradient bản đồ thời tiết

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