Đen, xanh cổ vịt, đỏ và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #181b1d, #246751, #b73b51, #d8912a, #e9d6b0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#181b1d
#1a2024
#1d282d
#1f3238
#213d43
#20494d
#1f5554
#1e5f56
#246751
#366b41
#516a25
#6e6300
#845900
#9a4c00
#a93d25
#b03942
#b73b51
#bf4156
#c84951
#d05546
#d56336
#d87327
#d88321
#d8912a
#d99c3b
#dba64f
#ddb163
#e0ba77
#e3c389
#e5cb99
#e7d1a7
#e9d6b0

CSS

background: linear-gradient(180deg in oklch, oklch(22.05% 0.0055 236.95) 0.0%, oklch(24.10% 0.0109 232.36) 3.2%, oklch(26.97% 0.0181 226.92) 6.5%, oklch(30.39% 0.0265 220.48) 9.7%, oklch(34.11% 0.0360 212.88) 12.9%, oklch(37.85% 0.0461 203.98) 16.1%, oklch(41.34% 0.0566 193.60) 19.4%, oklch(44.32% 0.0669 181.60) 22.6%, oklch(46.53% 0.0769 167.67) 25.8%, oklch(47.99% 0.0881 149.17) 29.0%, oklch(48.91% 0.1005 126.58) 32.3%, oklch(49.47% 0.1035 101.84) 35.5%, oklch(49.87% 0.1044 76.88) 38.7%, oklch(50.31% 0.1266 53.68) 41.9%, oklch(50.95% 0.1473 34.21) 45.2%, oklch(52.01% 0.1546 20.32) 48.4%, oklch(53.64% 0.1588 13.83) 51.6%, oklch(55.68% 0.1607 14.30) 54.8%, oklch(58.03% 0.1607 20.08) 58.1%, oklch(60.59% 0.1589 29.52) 61.3%, oklch(63.27% 0.1557 40.96) 64.5%, oklch(65.97% 0.1512 52.76) 67.7%, oklch(68.61% 0.1457 63.28) 71.0%, oklch(71.07% 0.1394 70.86) 74.2%, oklch(73.42% 0.1319 75.03) 77.4%, oklch(75.87% 0.1215 77.96) 80.6%, oklch(78.37% 0.1093 79.97) 83.9%, oklch(80.81% 0.0962 81.29) 87.1%, oklch(83.10% 0.0831 82.11) 90.3%, oklch(85.15% 0.0711 82.65) 93.5%, oklch(86.88% 0.0609 83.11) 96.8%, oklch(88.19% 0.0537 83.72) 100.0%);

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

Sắc kính màu ghép

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