Be, xanh lá, nâu và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #eef2ce, #b9df97, #91b53e, #ab5524, #552f5e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#eef2ce
#ebf0c9
#e7eec3
#e2ecbc
#dce9b5
#d4e7ad
#cce5a6
#c3e29e
#b9df97
#afdc8f
#a4d987
#9bd57f
#93d076
#8ecb6b
#8bc45f
#8cbd50
#91b53e
#98aa26
#a09e00
#a69000
#aa8200
#ad7300
#af6300
#ab5524
#a34a37
#984244
#8c3c4f
#7f3856
#72355b
#67335e
#5d315f
#552f5e

CSS

background: linear-gradient(135deg in oklch, oklch(94.88% 0.0469 112.50) 0.0%, oklch(94.12% 0.0509 113.39) 3.2%, oklch(93.25% 0.0563 115.01) 6.5%, oklch(92.27% 0.0628 117.19) 9.7%, oklch(91.18% 0.0702 119.78) 12.9%, oklch(90.00% 0.0783 122.62) 16.1%, oklch(88.73% 0.0869 125.55) 19.4%, oklch(87.37% 0.0957 128.40) 22.6%, oklch(85.93% 0.1045 131.02) 25.8%, oklch(84.42% 0.1132 133.26) 29.0%, oklch(82.84% 0.1214 134.94) 32.3%, oklch(81.20% 0.1291 135.92) 35.5%, oklch(79.50% 0.1359 136.03) 38.7%, oklch(77.76% 0.1417 135.12) 41.9%, oklch(75.97% 0.1462 133.02) 45.2%, oklch(74.15% 0.1493 129.57) 48.4%, oklch(72.27% 0.1507 124.55) 51.6%, oklch(70.17% 0.1505 117.54) 54.8%, oklch(67.86% 0.1470 108.73) 58.1%, oklch(65.39% 0.1353 98.40) 61.3%, oklch(62.79% 0.1284 86.84) 64.5%, oklch(60.11% 0.1272 74.33) 67.7%, oklch(57.38% 0.1331 61.15) 71.0%, oklch(54.64% 0.1278 47.62) 74.2%, oklch(51.94% 0.1220 33.97) 77.4%, oklch(49.32% 0.1162 20.49) 80.6%, oklch(46.81% 0.1104 7.48) 83.9%, oklch(44.45% 0.1050 355.21) 87.1%, oklch(42.29% 0.1000 343.98) 90.3%, oklch(40.37% 0.0956 334.05) 93.5%, oklch(38.73% 0.0921 325.72) 96.8%, oklch(37.40% 0.0896 319.27) 100.0%);

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

Phải lòng bắp cải

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