Xanh lơ, xanh dương và tím tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh lơ, xanh dương và tím tông rực rỡ

Gradient tuyến tính, 32 màu, góc 90°: #00dceb, #00c7e3, #2f88e3, #7047ea, #ac14f4. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00dceb
#00dbeb
#01dae9
#03d8e8
#04d7e6
#01d4e5
#00d1e4
#00cce4
#00c7e3
#00c0e3
#0bb9e3
#14b2e2
#1aabe2
#1da3e2
#219be3
#2792e3
#2f88e3
#387ee4
#4175e4
#4b6ce5
#5463e6
#5e5ae8
#6751e9
#7047ea
#793eea
#8136ea
#892eeb
#9128ed
#9923ef
#a11ef1
#a719f3
#ac14f4

CSS

background: linear-gradient(90deg in oklch, oklch(81.50% 0.1389 203.91) 0.0%, oklch(81.24% 0.1385 203.99) 3.2%, oklch(80.94% 0.1379 203.87) 6.5%, oklch(80.56% 0.1370 203.83) 9.7%, oklch(80.06% 0.1362 204.11) 12.9%, oklch(79.40% 0.1355 204.95) 16.1%, oklch(78.55% 0.1346 206.62) 19.4%, oklch(77.45% 0.1336 209.31) 22.6%, oklch(76.11% 0.1331 212.86) 25.8%, oklch(74.60% 0.1333 217.08) 29.0%, oklch(72.96% 0.1333 221.74) 32.3%, oklch(71.26% 0.1341 226.64) 35.5%, oklch(69.56% 0.1364 231.57) 38.7%, oklch(67.86% 0.1404 236.43) 41.9%, oklch(65.99% 0.1461 241.60) 45.2%, oklch(64.02% 0.1529 247.00) 48.4%, oklch(62.08% 0.1608 252.49) 51.6%, oklch(60.25% 0.1692 257.94) 54.8%, oklch(58.67% 0.1780 263.22) 58.1%, oklch(57.40% 0.1869 268.24) 61.3%, oklch(56.35% 0.1969 273.25) 64.5%, oklch(55.47% 0.2076 278.24) 67.7%, oklch(54.78% 0.2187 283.07) 71.0%, oklch(54.29% 0.2295 287.63) 74.2%, oklch(54.01% 0.2396 291.81) 77.4%, oklch(53.95% 0.2483 295.48) 80.6%, oklch(54.26% 0.2563 298.74) 83.9%, oklch(54.91% 0.2637 301.65) 87.1%, oklch(55.75% 0.2706 304.21) 90.3%, oklch(56.62% 0.2765 306.39) 93.5%, oklch(57.38% 0.2815 308.18) 96.8%, oklch(57.87% 0.2852 309.58) 100.0%);

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

Gradient cyberpunk

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