Đen, nâu, vàng và xanh lá nhạt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #080b11, #7b350d, #cfa02d, #c7e07c, #f0fada. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#080b11
#0d0f1a
#191225
#2a152d
#40172e
#541a27
#65211b
#712b11
#7b350d
#853f11
#90491a
#9b5322
#a55f28
#b16c29
#bc7c29
#c78e29
#cfa02d
#d4b337
#d6c344
#d6ce52
#d3d65e
#cfdb69
#cbde72
#c7e07c
#c6e285
#c8e590
#cde99c
#d4edaa
#dcf1b9
#e4f4c6
#ebf7d2
#f0fada

CSS

background: linear-gradient(90deg in oklch, oklch(14.96% 0.0138 262.97) 0.0%, oklch(17.14% 0.0236 277.45) 3.2%, oklch(20.13% 0.0379 298.33) 6.5%, oklch(23.69% 0.0545 322.73) 9.7%, oklch(27.55% 0.0716 347.76) 12.9%, oklch(31.45% 0.0870 10.54) 16.1%, oklch(35.14% 0.0988 28.18) 19.4%, oklch(38.52% 0.1060 39.06) 22.6%, oklch(41.84% 0.1098 45.32) 25.8%, oklch(45.16% 0.1115 48.53) 29.0%, oklch(48.52% 0.1122 50.23) 32.3%, oklch(51.99% 0.1128 51.93) 35.5%, oklch(55.59% 0.1145 55.18) 38.7%, oklch(59.48% 0.1182 61.07) 41.9%, oklch(63.89% 0.1237 68.48) 45.2%, oklch(68.56% 0.1299 76.68) 48.4%, oklch(73.17% 0.1359 85.10) 51.6%, oklch(77.42% 0.1410 93.13) 54.8%, oklch(80.99% 0.1441 100.21) 58.1%, oklch(83.58% 0.1445 105.84) 61.3%, oklch(85.14% 0.1429 110.51) 64.5%, oklch(85.97% 0.1397 114.46) 67.7%, oklch(86.36% 0.1350 117.75) 71.0%, oklch(86.63% 0.1291 120.41) 74.2%, oklch(87.09% 0.1221 122.52) 77.4%, oklch(88.03% 0.1140 124.10) 80.6%, oklch(89.44% 0.1033 124.79) 83.9%, oklch(91.09% 0.0901 124.63) 87.1%, oklch(92.81% 0.0760 123.94) 90.3%, oklch(94.46% 0.0624 123.02) 93.5%, oklch(95.86% 0.0508 122.18) 96.8%, oklch(96.85% 0.0427 121.72) 100.0%);

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

Gradient màu giả thiên văn

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