Đen, xanh dương nhạt, xanh lơ và hồng (gradient tuyến tính)

Bảng màu Đen, xanh dương nhạt, xanh lơ và hồng

Gradient tuyến tính, 32 màu, góc 90°: #070b14, #0f2844, #189eb7, #8cd8ff, #ff2eb3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#070b14
#080d17
#090f1b
#0a1220
#0b1526
#0c192c
#0d1d33
#0e223b
#0f2844
#10304e
#113859
#124365
#125074
#136184
#137496
#1589a7
#189eb7
#1eb2c7
#22c4d7
#21d4e5
#14e0f5
#3de4ff
#75dfff
#8cd8ff
#98ceff
#a0c2ff
#aab2ff
#ba9dff
#d27eff
#ec58ee
#f841cd
#ff2eb3

CSS

background: linear-gradient(90deg in oklch, oklch(14.96% 0.0207 264.37) 0.0%, oklch(15.94% 0.0237 263.43) 3.2%, oklch(17.02% 0.0274 262.32) 6.5%, oklch(18.23% 0.0318 261.04) 9.7%, oklch(19.62% 0.0367 259.60) 12.9%, oklch(21.20% 0.0421 257.99) 16.1%, oklch(23.01% 0.0479 256.21) 19.4%, oklch(25.08% 0.0539 254.25) 22.6%, oklch(27.44% 0.0600 252.11) 25.8%, oklch(30.12% 0.0662 249.79) 29.0%, oklch(33.16% 0.0724 247.29) 32.3%, oklch(36.74% 0.0784 244.22) 35.5%, oklch(41.30% 0.0845 239.61) 38.7%, oklch(46.62% 0.0905 233.88) 41.9%, oklch(52.43% 0.0967 227.57) 45.2%, oklch(58.47% 0.1031 221.19) 48.4%, oklch(64.47% 0.1097 215.28) 51.6%, oklch(70.18% 0.1167 210.37) 54.8%, oklch(75.32% 0.1240 206.98) 58.1%, oklch(79.63% 0.1318 205.65) 61.3%, oklch(82.84% 0.1402 206.90) 64.5%, oklch(84.71% 0.1351 211.30) 67.7%, oklch(85.25% 0.1077 219.70) 71.0%, oklch(84.69% 0.0929 231.54) 74.2%, oklch(83.26% 0.0889 245.97) 77.4%, oklch(81.18% 0.0942 262.14) 80.6%, oklch(78.67% 0.1096 279.20) 83.9%, oklch(75.97% 0.1397 296.28) 87.1%, oklch(73.30% 0.1951 312.54) 90.3%, oklch(70.88% 0.2460 327.13) 93.5%, oklch(68.95% 0.2550 339.18) 96.8%, oklch(67.71% 0.2612 347.86) 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