Xanh hải quân, tím và xám (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím và xám (tương đồng)

Gradient xuyên tâm, 32 màu: #292042, #504578, #7e6ca3, #ae90b9, #dac2cd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#292042
#2c2246
#2f264b
#342a52
#392f59
#3e3460
#443a68
#4a3f70
#504578
#564b7f
#5c5086
#61558c
#675991
#6d5e96
#72639a
#78679f
#7e6ca3
#8471a7
#8b75aa
#917aae
#987fb1
#9f84b4
#a68ab6
#ae90b9
#b697bb
#be9ebd
#c5a5c0
#cbacc2
#d0b3c5
#d4b9c8
#d8beca
#dac2cd

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(27.17% 0.0634 293.91) 0.0%, oklch(28.33% 0.0649 293.77) 3.2%, oklch(29.82% 0.0670 293.51) 6.5%, oklch(31.60% 0.0695 293.17) 9.7%, oklch(33.59% 0.0723 292.80) 12.9%, oklch(35.73% 0.0753 292.44) 16.1%, oklch(37.97% 0.0782 292.15) 19.4%, oklch(40.23% 0.0810 291.98) 22.6%, oklch(42.47% 0.0834 291.96) 25.8%, oklch(44.62% 0.0853 292.17) 29.0%, oklch(46.62% 0.0866 292.63) 32.3%, oklch(48.45% 0.0871 293.35) 35.5%, oklch(50.22% 0.0874 294.17) 38.7%, oklch(51.95% 0.0873 295.11) 41.9%, oklch(53.66% 0.0868 296.20) 45.2%, oklch(55.34% 0.0861 297.44) 48.4%, oklch(57.01% 0.0850 298.87) 51.6%, oklch(58.68% 0.0836 300.52) 54.8%, oklch(60.36% 0.0819 302.39) 58.1%, oklch(62.06% 0.0799 304.52) 61.3%, oklch(63.79% 0.0775 306.93) 64.5%, oklch(65.56% 0.0748 309.67) 67.7%, oklch(67.48% 0.0713 313.08) 71.0%, oklch(69.52% 0.0670 317.10) 74.2%, oklch(71.64% 0.0621 321.57) 77.4%, oklch(73.77% 0.0568 326.30) 80.6%, oklch(75.86% 0.0515 331.10) 83.9%, oklch(77.86% 0.0462 335.79) 87.1%, oklch(79.72% 0.0412 340.20) 90.3%, oklch(81.37% 0.0368 344.15) 93.5%, oklch(82.77% 0.0331 347.45) 96.8%, oklch(83.86% 0.0303 349.91) 100.0%);

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

Gradient hình nền máy tính

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