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

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

Gradient xuyên tâm, 32 màu: #1d0934, #3b0957, #6d037e, #a61a96, #dd31a3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1d0934
#1f0937
#220a3a
#250a3e
#280a43
#2d0a47
#310a4d
#360952
#3b0957
#41085d
#470762
#4d0667
#53056c
#5a0471
#600376
#67037a
#6d037e
#740581
#7b0785
#830a89
#8c0e8c
#941290
#9d1693
#a61a96
#ae1d98
#b7219b
#bf259d
#c6289e
#cd2ba0
#d32da1
#d930a2
#dd31a3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0799 300.23) 0.0%, oklch(20.73% 0.0837 300.95) 3.2%, oklch(21.49% 0.0883 301.80) 6.5%, oklch(22.36% 0.0938 302.78) 9.7%, oklch(23.33% 0.1000 303.86) 12.9%, oklch(24.39% 0.1067 305.04) 16.1%, oklch(25.52% 0.1139 306.30) 19.4%, oklch(26.72% 0.1214 307.64) 22.6%, oklch(27.98% 0.1290 309.04) 25.8%, oklch(29.28% 0.1368 310.49) 29.0%, oklch(30.62% 0.1445 311.98) 32.3%, oklch(31.99% 0.1520 313.50) 35.5%, oklch(33.37% 0.1593 315.02) 38.7%, oklch(34.76% 0.1661 316.56) 41.9%, oklch(36.14% 0.1724 318.08) 45.2%, oklch(37.51% 0.1780 319.58) 48.4%, oklch(38.88% 0.1829 321.06) 51.6%, oklch(40.36% 0.1875 322.67) 54.8%, oklch(41.94% 0.1919 324.38) 58.1%, oklch(43.62% 0.1961 326.18) 61.3%, oklch(45.35% 0.2001 328.05) 64.5%, oklch(47.12% 0.2039 329.95) 67.7%, oklch(48.91% 0.2075 331.87) 71.0%, oklch(50.69% 0.2108 333.78) 74.2%, oklch(52.44% 0.2139 335.65) 77.4%, oklch(54.13% 0.2169 337.46) 80.6%, oklch(55.75% 0.2196 339.18) 83.9%, oklch(57.26% 0.2221 340.80) 87.1%, oklch(58.64% 0.2244 342.28) 90.3%, oklch(59.88% 0.2265 343.61) 93.5%, oklch(60.94% 0.2284 344.74) 96.8%, oklch(61.81% 0.2301 345.67) 100.0%);

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

Gradient synthwave

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