Xanh hải quân, tím, nâu vàng và xanh lá (bộ ba) (gradient hình nón)

Bảng màu Xanh hải quân, tím, nâu vàng và xanh lá (bộ ba)

Gradient hình nón, 32 màu, góc 135°: #1b2428, #3f2144, #a14c57, #d38d5e, #aec55d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1b2428
#1a242b
#19242f
#1b2434
#1f2339
#25223d
#2d2140
#362042
#3f2144
#4a2346
#55274a
#622b4d
#6f3151
#7d3754
#8a3e56
#964557
#a14c57
#aa5457
#b35e58
#bc6859
#c3725b
#c97b5d
#cf855e
#d38d5e
#d5955b
#d59d57
#d3a552
#ceac4f
#c6b44f
#bebb52
#b5c058
#aec55d

CSS

background: conic-gradient(from 135deg in oklch, oklch(25.20% 0.0152 231.33) 0.0%, oklch(25.46% 0.0197 238.71) 3.2%, oklch(25.67% 0.0258 248.87) 6.5%, oklch(25.92% 0.0331 260.98) 9.7%, oklch(26.28% 0.0412 274.23) 12.9%, oklch(26.83% 0.0495 287.80) 16.1%, oklch(27.64% 0.0577 300.87) 19.4%, oklch(28.79% 0.0653 312.63) 22.6%, oklch(30.36% 0.0718 322.31) 25.8%, oklch(32.43% 0.0782 330.49) 29.0%, oklch(34.93% 0.0847 337.76) 32.3%, oklch(37.75% 0.0910 344.33) 35.5%, oklch(40.76% 0.0969 350.40) 38.7%, oklch(43.86% 0.1022 356.19) 41.9%, oklch(46.92% 0.1068 1.91) 45.2%, oklch(49.82% 0.1103 7.77) 48.4%, oklch(52.52% 0.1125 13.87) 51.6%, oklch(55.27% 0.1130 19.68) 54.8%, oklch(58.08% 0.1122 25.24) 58.1%, oklch(60.86% 0.1105 30.69) 61.3%, oklch(63.55% 0.1086 36.20) 64.5%, oklch(66.09% 0.1068 41.91) 67.7%, oklch(68.40% 0.1057 47.97) 71.0%, oklch(70.42% 0.1058 54.53) 74.2%, oklch(72.10% 0.1075 61.95) 77.4%, oklch(73.53% 0.1104 70.61) 80.6%, oklch(74.73% 0.1141 80.01) 83.9%, oklch(75.72% 0.1183 89.61) 87.1%, oklch(76.56% 0.1226 98.91) 90.3%, oklch(77.25% 0.1266 107.36) 93.5%, oklch(77.84% 0.1300 114.46) 96.8%, oklch(78.35% 0.1323 119.66) 100.0%);

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

Wasabi và tím mận kiểu editorial

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