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

Đen, tím, xanh lá và nâu vàng: bảng màu gồm 32 màu. #1b1b20, #601d4f, #504f00, #3b7a63, #e3c48a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#1b1b20
#1e1d26
#221e2d
#282036
#30213f
#3a2147
#46214d
#532050
#601d4f
#6c1b4a
#771940
#7e1b31
#812118
#783200
#6a3f00
#5d4700
#504f00
#3c560d
#295b2c
#1c5f3e
#18634c
#1f6856
#2b705d
#3b7a63
#4e8668
#65926b
#7d9d6d
#96a870
#afb175
#c5b97c
#d7bf83
#e3c48a

CSS

background: linear-gradient(135deg in oklch, oklch(22.44% 0.0096 285.47) 0.0%, oklch(23.43% 0.0174 289.64) 3.2%, oklch(24.74% 0.0283 294.50) 6.5%, oklch(26.32% 0.0416 300.06) 9.7%, oklch(28.07% 0.0563 306.36) 12.9%, oklch(29.95% 0.0717 313.41) 16.1%, oklch(31.87% 0.0871 321.24) 19.4%, oklch(33.76% 0.1015 329.87) 22.6%, oklch(35.56% 0.1141 339.33) 25.8%, oklch(37.19% 0.1242 349.63) 29.0%, oklch(38.58% 0.1309 0.80) 32.3%, oklch(39.64% 0.1337 13.52) 35.5%, oklch(40.32% 0.1330 29.47) 38.7%, oklch(40.73% 0.1112 47.81) 41.9%, oklch(40.96% 0.0900 67.80) 45.2%, oklch(41.12% 0.0840 88.42) 48.4%, oklch(41.33% 0.0895 108.74) 51.6%, oklch(41.69% 0.1005 127.77) 54.8%, oklch(42.31% 0.0927 144.60) 58.1%, oklch(43.30% 0.0859 158.31) 61.3%, oklch(44.77% 0.0807 167.97) 64.5%, oklch(46.83% 0.0778 172.65) 67.7%, oklch(49.68% 0.0763 172.11) 71.0%, oklch(53.20% 0.0756 167.20) 74.2%, oklch(57.20% 0.0757 158.86) 77.4%, oklch(61.51% 0.0764 148.01) 80.6%, oklch(65.95% 0.0774 135.61) 83.9%, oklch(70.31% 0.0787 122.58) 87.1%, oklch(74.43% 0.0800 109.85) 90.3%, oklch(78.12% 0.0813 98.38) 93.5%, oklch(81.19% 0.0822 89.09) 96.8%, oklch(83.46% 0.0827 82.92) 100.0%);

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

Sắc kính màu ghép

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