Đen, xanh dương nhạt, tím oải hương và đỏ nâu (gradient tuyến tính)

Bảng màu Đen, xanh dương nhạt, tím oải hương và đỏ nâu

Gradient tuyến tính, 32 màu, góc 45°: #001a1e, #389ccd, #dde5ff, #d5bde1, #720023. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001a1e
#002329
#002f37
#003e4a
#015061
#07637a
#157796
#268ab2
#389ccd
#4cace5
#60b8f9
#7dc1ff
#9acaff
#b1d2ff
#c3d9ff
#d2e0ff
#dde5ff
#e4e9ff
#e9eaff
#eae9ff
#e9e5ff
#e7dcfc
#e0cff1
#d5bde1
#c9a7cd
#bd8eb5
#af759b
#a15b7f
#934363
#862c4a
#7b1734
#720023

CSS

background: linear-gradient(45deg in oklch, oklch(20.08% 0.0344 208.12) 0.0%, oklch(23.50% 0.0405 210.11) 3.2%, oklch(28.11% 0.0491 212.57) 6.5%, oklch(33.64% 0.0596 215.45) 9.7%, oklch(39.80% 0.0715 218.60) 12.9%, oklch(46.35% 0.0837 222.11) 16.1%, oklch(53.03% 0.0957 225.88) 19.4%, oklch(59.55% 0.1067 229.87) 22.6%, oklch(65.65% 0.1159 234.02) 25.8%, oklch(71.07% 0.1228 238.28) 29.0%, oklch(75.54% 0.1264 242.61) 32.3%, oklch(79.07% 0.1122 246.98) 35.5%, oklch(82.38% 0.0908 251.48) 38.7%, oklch(85.46% 0.0726 256.13) 41.9%, oklch(88.21% 0.0575 260.94) 45.2%, oklch(90.56% 0.0453 265.93) 48.4%, oklch(92.42% 0.0362 271.09) 51.6%, oklch(93.71% 0.0302 276.45) 54.8%, oklch(94.33% 0.0277 282.02) 58.1%, oklch(94.21% 0.0292 287.80) 61.3%, oklch(93.26% 0.0356 293.81) 64.5%, oklch(91.35% 0.0445 300.11) 67.7%, oklch(87.89% 0.0485 307.23) 71.0%, oklch(83.01% 0.0557 315.13) 74.2%, oklch(77.06% 0.0654 323.53) 77.4%, oklch(70.39% 0.0768 332.17) 80.6%, oklch(63.36% 0.0893 340.78) 83.9%, oklch(56.31% 0.1020 349.10) 87.1%, oklch(49.61% 0.1142 356.84) 90.3%, oklch(43.59% 0.1252 3.76) 93.5%, oklch(38.62% 0.1343 9.58) 96.8%, oklch(35.06% 0.1401 14.09) 100.0%);

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

Gradient nhiều màu

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