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

Bảng màu Nâu, cam, xanh lá và xanh hải quân

Gradient tuyến tính, 32 màu, góc 135°: #241a16, #b45c2a, #ddb64d, #416d84, #172c3b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#241a16
#2f1f18
#3e251b
#502d1f
#653622
#7b3f25
#914927
#a45229
#b45c2a
#c3682e
#d27435
#df813e
#ea8e45
#f29b4a
#f3a64d
#edb04d
#ddb64d
#beb956
#96b868
#6baf7d
#4aa18c
#3c8e91
#3e7c8d
#416d84
#41617a
#3d576f
#364d64
#2f4459
#273d50
#213647
#1b3040
#172c3b

CSS

background: linear-gradient(135deg in oklch, oklch(22.83% 0.0179 42.89) 0.0%, oklch(25.59% 0.0275 43.01) 3.2%, oklch(29.35% 0.0412 42.92) 6.5%, oklch(33.83% 0.0574 42.81) 9.7%, oklch(38.74% 0.0750 42.84) 12.9%, oklch(43.82% 0.0924 43.18) 16.1%, oklch(48.77% 0.1083 44.01) 19.4%, oklch(53.32% 0.1212 45.48) 22.6%, oklch(57.23% 0.1299 47.72) 25.8%, oklch(61.20% 0.1357 49.71) 29.0%, oklch(65.36% 0.1394 51.46) 32.3%, oklch(69.44% 0.1413 53.53) 35.5%, oklch(73.17% 0.1416 56.49) 38.7%, oklch(76.27% 0.1404 60.90) 41.9%, oklch(78.48% 0.1379 67.33) 45.2%, oklch(79.53% 0.1344 76.34) 48.4%, oklch(79.11% 0.1296 88.82) 51.6%, oklch(77.08% 0.1222 106.42) 54.8%, oklch(73.76% 0.1126 127.84) 58.1%, oklch(69.53% 0.1016 151.37) 61.3%, oklch(64.78% 0.0901 175.30) 64.5%, oklch(59.90% 0.0789 197.93) 67.7%, oklch(55.26% 0.0689 217.55) 71.0%, oklch(51.25% 0.0609 232.44) 74.2%, oklch(47.89% 0.0551 241.66) 77.4%, oklch(44.50% 0.0506 246.72) 80.6%, oklch(41.15% 0.0472 248.57) 83.9%, oklch(37.94% 0.0446 248.14) 87.1%, oklch(34.95% 0.0427 246.31) 90.3%, oklch(32.30% 0.0412 244.00) 93.5%, oklch(30.06% 0.0399 242.12) 96.8%, oklch(28.35% 0.0386 241.56) 100.0%);

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

Lo-fi

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