Đen, xanh hải quân, cam và nâu (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #000107, #204c6b, #edce7f, #e38823, #040000. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000107
#00000f
#00001c
#01002a
#01003d
#001342
#002353
#083762
#204c6b
#336275
#48797d
#679081
#8ca486
#afb38b
#c8bf8d
#ddc889
#edce7f
#f9d170
#ffcf6d
#ffc96d
#ffbd5b
#fdad3e
#f29c31
#e38823
#cf7111
#b65a00
#9a4300
#7d2d00
#591702
#340502
#160000
#040000

CSS

background: linear-gradient(90deg in oklch, oklch(6.69% 0.0331 264.38) 0.0%, oklch(8.17% 0.0502 264.85) 3.2%, oklch(10.36% 0.0705 265.90) 6.5%, oklch(12.93% 0.0878 266.16) 9.7%, oklch(16.39% 0.1128 264.75) 12.9%, oklch(20.91% 0.0931 261.46) 16.1%, oklch(26.71% 0.0965 257.44) 19.4%, oklch(33.30% 0.0902 251.56) 22.6%, oklch(40.23% 0.0712 242.06) 25.8%, oklch(47.02% 0.0596 226.86) 29.0%, oklch(54.28% 0.0538 201.94) 32.3%, oklch(61.93% 0.0507 170.41) 35.5%, oklch(69.21% 0.0512 138.70) 38.7%, oklch(75.34% 0.0557 113.21) 41.9%, oklch(79.92% 0.0663 98.60) 45.2%, oklch(83.54% 0.0841 91.64) 48.4%, oklch(86.12% 0.1048 88.91) 51.6%, oklch(87.55% 0.1238 87.17) 54.8%, oklch(87.70% 0.1280 83.39) 58.1%, oklch(86.51% 0.1256 78.93) 61.3%, oklch(84.12% 0.1367 74.73) 64.5%, oklch(80.66% 0.1524 70.59) 67.7%, oklch(76.28% 0.1530 66.33) 71.0%, oklch(70.87% 0.1521 61.95) 74.2%, oklch(64.25% 0.1497 57.58) 77.4%, oklch(56.82% 0.1441 53.07) 80.6%, oklch(48.99% 0.1326 48.38) 83.9%, oklch(40.91% 0.1206 43.26) 87.1%, oklch(31.35% 0.1016 37.24) 90.3%, oklch(21.35% 0.0765 30.88) 93.5%, oklch(12.62% 0.0514 26.48) 96.8%, oklch(6.83% 0.0280 28.74) 100.0%);

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

Gradient nhiều màu

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