Xanh lá đậm, xanh cổ vịt, xanh dương và tím (gradient tuyến tính)

Bảng màu Xanh lá đậm, xanh cổ vịt, xanh dương và tím

Gradient tuyến tính, 32 màu, góc 200°: #00100a, #2bbc50, #00d1d5, #6692ff, #e500fb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00100a
#001a11
#00291c
#003d27
#005433
#006e3d
#008a43
#1aa449
#2bbc50
#30d159
#1de166
#00ea7e
#00ec99
#00eaaf
#00e4c0
#00dbcc
#00d1d5
#00c7dc
#00bce2
#00b2ea
#00a9f5
#28a1ff
#4e99ff
#6692ff
#798aff
#8a82ff
#9a79ff
#a96eff
#b961ff
#c94fff
#d933ff
#e500fb

CSS

background: linear-gradient(200deg in oklch, oklch(15.35% 0.0303 170.16) 0.0%, oklch(19.45% 0.0393 168.27) 3.2%, oklch(25.06% 0.0522 165.67) 6.5%, oklch(31.85% 0.0696 162.29) 9.7%, oklch(39.43% 0.0914 158.52) 12.9%, oklch(47.41% 0.1178 154.76) 16.1%, oklch(55.40% 0.1478 151.37) 19.4%, oklch(63.01% 0.1711 148.74) 22.6%, oklch(69.86% 0.1910 147.21) 25.8%, oklch(75.56% 0.2075 147.18) 29.0%, oklch(79.73% 0.2192 149.00) 32.3%, oklch(82.12% 0.2115 152.99) 35.5%, oklch(83.13% 0.1910 159.06) 38.7%, oklch(83.01% 0.1704 166.85) 41.9%, oklch(81.99% 0.1533 176.00) 45.2%, oklch(80.30% 0.1407 186.15) 48.4%, oklch(78.18% 0.1331 196.94) 51.6%, oklch(75.85% 0.1304 208.01) 54.8%, oklch(73.55% 0.1330 219.00) 58.1%, oklch(71.50% 0.1418 229.56) 61.3%, oklch(69.95% 0.1584 239.31) 64.5%, oklch(69.06% 0.1711 248.00) 67.7%, oklch(68.46% 0.1680 256.67) 71.0%, oklch(67.96% 0.1682 265.53) 74.2%, oklch(67.55% 0.1720 274.42) 77.4%, oklch(67.22% 0.1795 283.17) 80.6%, oklch(66.96% 0.1913 291.61) 83.9%, oklch(66.75% 0.2079 299.58) 87.1%, oklch(66.58% 0.2297 306.91) 90.3%, oklch(66.43% 0.2569 313.43) 93.5%, oklch(66.29% 0.2888 318.98) 96.8%, oklch(66.15% 0.3119 323.38) 100.0%);

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

Glitchy glam

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