Đen, xanh cổ vịt và xanh dương nhạt (tương đồng) (gradient tuyến tính)

Bảng màu Đen, xanh cổ vịt và xanh dương nhạt (tương đồng)

Gradient tuyến tính, 32 màu, góc 180°: #030712, #142f4e, #146984, #23b0b8, #d9ffff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#030712
#040917
#050d1d
#071225
#0a172d
#0d1d36
#10233f
#122946
#142f4e
#163556
#173c5e
#184366
#194b6d
#185274
#175a7a
#15617f
#146984
#147189
#167a8e
#1a8395
#1b8d9d
#1a98a6
#1ca4af
#23b0b8
#32bbc1
#47c6ca
#62d1d3
#7fdcdd
#9be7e8
#b5f1f1
#caf9f9
#d9ffff

CSS

background: linear-gradient(180deg in oklch, oklch(12.99% 0.0276 261.56) 0.0%, oklch(14.33% 0.0310 261.25) 3.2%, oklch(16.17% 0.0358 260.92) 6.5%, oklch(18.35% 0.0415 260.49) 9.7%, oklch(20.73% 0.0475 259.87) 12.9%, oklch(23.17% 0.0533 258.95) 16.1%, oklch(25.53% 0.0584 257.65) 19.4%, oklch(27.79% 0.0625 255.94) 22.6%, oklch(30.10% 0.0663 253.93) 25.8%, oklch(32.46% 0.0699 251.62) 29.0%, oklch(34.84% 0.0731 249.00) 32.3%, oklch(37.23% 0.0761 246.08) 35.5%, oklch(39.61% 0.0789 242.86) 38.7%, oklch(41.94% 0.0813 239.23) 41.9%, oklch(44.17% 0.0832 234.93) 45.2%, oklch(46.38% 0.0848 230.19) 48.4%, oklch(48.62% 0.0862 225.30) 51.6%, oklch(50.97% 0.0878 220.56) 54.8%, oklch(53.49% 0.0896 216.26) 58.1%, oklch(56.25% 0.0921 212.63) 61.3%, oklch(59.24% 0.0965 209.35) 64.5%, oklch(62.40% 0.1019 206.35) 67.7%, oklch(65.69% 0.1071 203.66) 71.0%, oklch(69.06% 0.1109 201.33) 74.2%, oklch(72.47% 0.1121 199.39) 77.4%, oklch(75.89% 0.1093 197.90) 80.6%, oklch(79.67% 0.1012 197.01) 83.9%, oklch(83.77% 0.0891 196.65) 87.1%, oklch(87.88% 0.0748 196.65) 90.3%, oklch(91.69% 0.0606 196.84) 93.5%, oklch(94.92% 0.0483 197.05) 96.8%, oklch(97.24% 0.0391 197.08) 100.0%);

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

Gradient thiên hà

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