Đen, xám, hồng đào và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #231b18, #cbc3b7, #f8986b, #bd5400, #169d71. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#231b18
#2e2622
#3e3531
#514944
#68605b
#817a73
#9b948c
#b4ada4
#cbc3b7
#ded6c6
#ece1cd
#f5e5ca
#f9e1bd
#fcd7aa
#fdc694
#fcb07e
#f8986b
#f37f5c
#eb6752
#e25149
#dc403d
#d7382a
#d03d00
#bd5400
#ad6300
#9f6f00
#917900
#808500
#659019
#489747
#2e9b61
#169d71

CSS

background: linear-gradient(180deg in oklch, oklch(23.23% 0.0138 41.48) 0.0%, oklch(27.61% 0.0143 44.32) 3.2%, oklch(33.77% 0.0141 48.49) 6.5%, oklch(41.26% 0.0136 53.61) 9.7%, oklch(49.59% 0.0132 59.29) 12.9%, oklch(58.31% 0.0131 65.15) 16.1%, oklch(66.95% 0.0138 70.82) 19.4%, oklch(75.05% 0.0155 75.90) 22.6%, oklch(82.14% 0.0185 80.03) 25.8%, oklch(87.75% 0.0234 82.80) 29.0%, oklch(91.41% 0.0303 83.85) 32.3%, oklch(92.79% 0.0400 82.54) 35.5%, oklch(92.14% 0.0539 78.20) 38.7%, oklch(89.86% 0.0709 71.53) 41.9%, oklch(86.32% 0.0901 63.33) 45.2%, oklch(81.92% 0.1104 54.38) 48.4%, oklch(77.01% 0.1308 45.48) 51.6%, oklch(71.99% 0.1503 37.41) 54.8%, oklch(67.23% 0.1678 30.97) 58.1%, oklch(63.10% 0.1823 26.94) 61.3%, oklch(59.99% 0.1928 26.12) 64.5%, oklch(58.21% 0.1983 29.31) 67.7%, oklch(57.30% 0.1923 36.88) 71.0%, oklch(56.96% 0.1547 48.17) 74.2%, oklch(57.08% 0.1311 62.26) 77.4%, oklch(57.56% 0.1199 78.25) 80.6%, oklch(58.28% 0.1197 95.26) 83.9%, oklch(59.14% 0.1313 112.38) 87.1%, oklch(60.03% 0.1490 128.70) 90.3%, oklch(60.85% 0.1395 143.36) 93.5%, oklch(61.48% 0.1318 155.44) 96.8%, oklch(61.81% 0.1268 164.07) 100.0%);

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

Màu zine

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