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

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

Gradient tuyến tính, 32 màu, góc 90°: #2e6f8c, #33937d, #a4c35f, #f7b820, #e15b36. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2e6f8c
#2b728c
#26768c
#227a8c
#1e7f8a
#1d8488
#218985
#288e81
#33937d
#3f9879
#4b9d74
#57a270
#64a86d
#73af6a
#83b667
#93bd64
#a4c35f
#b4c95a
#c4cc54
#d3ce4c
#e0cd43
#ebc939
#f2c22d
#f7b820
#faac14
#fa9f0d
#f79111
#f3831a
#ee7623
#e96b2a
#e46231
#e15b36

CSS

background: linear-gradient(90deg in oklch, oklch(51.18% 0.0799 230.62) 0.0%, oklch(51.87% 0.0811 226.39) 3.2%, oklch(52.71% 0.0825 220.91) 6.5%, oklch(53.68% 0.0841 214.41) 9.7%, oklch(54.78% 0.0860 207.12) 12.9%, oklch(55.99% 0.0880 199.28) 16.1%, oklch(57.30% 0.0903 191.11) 19.4%, oklch(58.69% 0.0928 182.86) 22.6%, oklch(60.15% 0.0956 174.76) 25.8%, oklch(61.68% 0.0987 167.03) 29.0%, oklch(63.25% 0.1021 159.91) 32.3%, oklch(64.96% 0.1060 153.47) 35.5%, oklch(67.08% 0.1105 147.29) 38.7%, oklch(69.52% 0.1156 141.29) 41.9%, oklch(72.13% 0.1211 135.44) 45.2%, oklch(74.78% 0.1269 129.70) 48.4%, oklch(77.35% 0.1327 124.04) 51.6%, oklch(79.69% 0.1384 118.41) 54.8%, oklch(81.68% 0.1438 112.78) 58.1%, oklch(83.19% 0.1488 107.11) 61.3%, oklch(84.07% 0.1532 101.37) 64.5%, oklch(84.20% 0.1568 95.48) 67.7%, oklch(83.47% 0.1600 89.17) 71.0%, oklch(82.00% 0.1627 82.50) 74.2%, oklch(79.96% 0.1651 75.62) 77.4%, oklch(77.52% 0.1671 68.72) 80.6%, oklch(74.84% 0.1689 61.95) 83.9%, oklch(72.10% 0.1705 55.50) 87.1%, oklch(69.45% 0.1718 49.53) 90.3%, oklch(67.07% 0.1730 44.20) 93.5%, oklch(65.13% 0.1740 39.70) 96.8%, oklch(63.78% 0.1750 36.18) 100.0%);

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

Tuổi thơ hoài niệm

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