Xanh lơ, xanh dương, tím và hồng tông rực rỡ (gradient xuyên tâm)

Bảng màu Xanh lơ, xanh dương, tím và hồng tông rực rỡ

Gradient xuyên tâm, 32 màu: #27f2ff, #00aafe, #344aff, #871efe, #f834bb. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#27f2ff
#2beeff
#2fe8ff
#2fe0ff
#2ad8ff
#20cfff
#0fc5ff
#00b8ff
#00aafe
#029cff
#148eff
#1c82ff
#1d75ff
#1d6aff
#205eff
#2854ff
#344aff
#4041ff
#4b39ff
#5632ff
#612cff
#6d25ff
#7a21ff
#871efe
#961efd
#a51ef9
#b31ff3
#c422ea
#d526dd
#e42bd0
#f030c4
#f834bb

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(87.79% 0.1446 201.79) 0.0%, oklch(86.76% 0.1422 204.56) 3.2%, oklch(85.38% 0.1398 208.38) 6.5%, oklch(83.68% 0.1388 212.95) 9.7%, oklch(81.71% 0.1400 217.96) 12.9%, oklch(79.52% 0.1435 223.13) 16.1%, oklch(76.98% 0.1494 228.64) 19.4%, oklch(73.99% 0.1569 234.98) 22.6%, oklch(70.77% 0.1666 241.55) 25.8%, oklch(67.57% 0.1806 247.79) 29.0%, oklch(64.65% 0.1936 253.15) 32.3%, oklch(62.10% 0.2065 257.11) 35.5%, oklch(59.65% 0.2203 259.87) 38.7%, oklch(57.37% 0.2338 261.92) 41.9%, oklch(55.37% 0.2460 263.78) 45.2%, oklch(53.77% 0.2561 265.96) 48.4%, oklch(52.65% 0.2635 268.81) 51.6%, oklch(51.98% 0.2688 271.92) 54.8%, oklch(51.68% 0.2726 275.22) 58.1%, oklch(51.71% 0.2755 278.75) 61.3%, oklch(52.03% 0.2779 282.56) 64.5%, oklch(52.58% 0.2803 286.69) 67.7%, oklch(53.52% 0.2821 291.09) 71.0%, oklch(54.79% 0.2835 295.76) 74.2%, oklch(56.26% 0.2842 300.72) 77.4%, oklch(57.80% 0.2838 305.99) 80.6%, oklch(59.30% 0.2821 311.62) 83.9%, oklch(60.98% 0.2780 318.37) 87.1%, oklch(62.83% 0.2722 325.95) 90.3%, oklch(64.65% 0.2659 333.44) 93.5%, oklch(66.22% 0.2602 339.91) 96.8%, oklch(67.32% 0.2563 344.46) 100.0%);

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

Gradient nhiều màu rực rỡ 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