Xám, xanh dương, tím và hồng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #f2e8ce, #1b2f5a, #3861a1, #e14794, #f39ac1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2e8ce
#dbd9bb
#b6c3a4
#89a990
#5a8d82
#326f77
#1b536c
#183c61
#1b2f5a
#1e2a58
#1f2c5c
#203364
#213d6f
#22497b
#255488
#2b5d95
#3861a1
#4b62af
#655fbb
#825ac1
#9f53be
#ba4cb2
#d147a2
#e14794
#ec4d8e
#f2588f
#f56596
#f673a0
#f67fab
#f48bb5
#f394bc
#f39ac1

CSS

background: linear-gradient(135deg in oklch, oklch(93.31% 0.0358 89.30) 0.0%, oklch(87.82% 0.0395 104.39) 3.2%, oklch(79.89% 0.0444 125.93) 6.5%, oklch(70.42% 0.0504 151.65) 9.7%, oklch(60.29% 0.0569 179.30) 12.9%, oklch(50.42% 0.0636 206.62) 16.1%, oklch(41.70% 0.0701 231.34) 19.4%, oklch(35.02% 0.0761 251.20) 22.6%, oklch(31.25% 0.0811 263.99) 25.8%, oklch(30.14% 0.0847 269.49) 29.0%, oklch(31.01% 0.0875 269.57) 32.3%, oklch(33.35% 0.0898 266.06) 35.5%, oklch(36.65% 0.0922 260.81) 38.7%, oklch(40.40% 0.0953 255.65) 41.9%, oklch(44.10% 0.0994 252.41) 45.2%, oklch(47.23% 0.1052 252.95) 48.4%, oklch(49.47% 0.1134 258.87) 51.6%, oklch(51.54% 0.1256 269.48) 54.8%, oklch(53.61% 0.1407 283.34) 58.1%, oklch(55.66% 0.1569 299.09) 61.3%, oklch(57.69% 0.1727 315.37) 64.5%, oklch(59.71% 0.1866 330.83) 67.7%, oklch(61.71% 0.1970 344.12) 71.0%, oklch(63.68% 0.2022 353.87) 74.2%, oklch(65.69% 0.2009 359.37) 77.4%, oklch(67.83% 0.1935 1.83) 80.6%, oklch(70.02% 0.1816 1.99) 83.9%, oklch(72.18% 0.1669 0.55) 87.1%, oklch(74.21% 0.1513 358.18) 90.3%, oklch(76.04% 0.1364 355.58) 93.5%, oklch(77.58% 0.1240 353.43) 96.8%, oklch(78.74% 0.1157 352.43) 100.0%);

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

Chân trời chạng vạng điểm phân 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