Hồng, tím và xanh dương liền mạch (gradient hình nón)

Bảng màu Hồng, tím và xanh dương liền mạch

Gradient hình nón, 34 màu, góc 90°: #f8f8f8, #ff5de5, #00246a, #fd5df4, #ffffff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f8f8f8
#fcebea
#fed6d9
#ffbfcb
#fea6c3
#fb8fc2
#f97cc8
#fd6ad5
#ff5de5
#ff4bf9
#ed52ff
#d353ff
#ae40ff
#7c0bfd
#4415d0
#1517a1
#00246a
#00246a
#17199d
#451dc8
#7c1df1
#b235ff
#d947ff
#f04bff
#fc4dff
#fd5df4
#fc6de4
#ff7dd0
#ff96b9
#ffb1ab
#ffccab
#f8e6c2
#f6f7e7
#ffffff

CSS

background: conic-gradient(from 90deg in oklch, oklch(98.03% 0.0000 89.88) 0.0%, oklch(95.23% 0.0187 19.50) 3.0%, oklch(91.19% 0.0447 13.31) 6.1%, oklch(86.53% 0.0754 6.04) 9.1%, oklch(81.90% 0.1086 358.44) 12.1%, oklch(77.92% 0.1415 351.22) 15.2%, oklch(75.24% 0.1736 345.03) 18.2%, oklch(74.01% 0.2128 339.68) 21.2%, oklch(73.49% 0.2435 334.65) 24.2%, oklch(72.87% 0.2781 329.41) 27.3%, oklch(71.35% 0.2674 323.46) 30.3%, oklch(68.11% 0.2559 316.28) 33.3%, oklch(61.73% 0.2651 306.03) 36.4%, oklch(52.64% 0.2885 292.90) 39.4%, oklch(42.84% 0.2467 279.38) 42.4%, oklch(34.34% 0.2071 267.97) 45.5%, oklch(29.12% 0.1279 261.26) 48.5%, oklch(29.07% 0.1294 261.46) 51.5%, oklch(34.17% 0.1999 268.60) 54.5%, oklch(42.55% 0.2342 280.46) 57.6%, oklch(52.24% 0.2713 294.40) 60.6%, oklch(61.28% 0.2760 307.89) 63.6%, oklch(67.72% 0.2713 318.39) 66.7%, oklch(71.13% 0.2758 324.30) 69.7%, oklch(72.94% 0.2796 327.33) 72.7%, oklch(73.90% 0.2530 329.88) 75.8%, oklch(74.76% 0.2192 334.38) 78.8%, oklch(76.30% 0.1835 343.26) 81.8%, oklch(79.21% 0.1313 359.24) 84.8%, oklch(83.38% 0.0919 24.13) 87.9%, oklch(88.17% 0.0726 54.07) 90.9%, oklch(92.96% 0.0508 84.59) 93.9%, oklch(97.12% 0.0211 111.25) 97.0%, oklch(100.00% 0.0000 89.88) 100.0%);

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

Gradient nhiều màu rực rỡ

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