Tím, cam và xanh cổ vịt tông rực rỡ (gradient xuyên tâm)

Bảng màu Tím, cam và xanh cổ vịt tông rực rỡ

Gradient xuyên tâm, 32 màu: #8b2ad0, #e94c84, #ee9f18, #92be57, #01b89e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8b2ad0
#942ccb
#9f2ec5
#ac30be
#b933b5
#c638ab
#d33d9f
#df4492
#e94c84
#f25575
#f86067
#fc6c58
#fd7749
#fd833a
#fa8d2d
#f59721
#ee9f18
#e6a614
#dbac18
#cfb123
#c1b630
#b2b93d
#a3bc4a
#92be57
#81bf63
#70bf6f
#5fbe79
#4ebd82
#3dbc8b
#2cbb92
#19b998
#01b89e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(51.97% 0.2343 305.86) 0.0%, oklch(52.90% 0.2315 310.33) 3.2%, oklch(54.11% 0.2280 315.78) 6.5%, oklch(55.56% 0.2239 322.08) 9.7%, oklch(57.20% 0.2192 329.13) 12.9%, oklch(58.99% 0.2142 336.81) 16.1%, oklch(60.89% 0.2088 345.03) 19.4%, oklch(62.86% 0.2032 353.66) 22.6%, oklch(64.84% 0.1975 2.61) 25.8%, oklch(66.80% 0.1917 11.75) 29.0%, oklch(68.70% 0.1860 20.98) 32.3%, oklch(70.48% 0.1804 30.19) 35.5%, oklch(72.11% 0.1751 39.27) 38.7%, oklch(73.55% 0.1702 48.11) 41.9%, oklch(74.74% 0.1656 56.60) 45.2%, oklch(75.65% 0.1616 64.63) 48.4%, oklch(76.24% 0.1582 72.22) 51.6%, oklch(76.57% 0.1550 79.98) 54.8%, oklch(76.66% 0.1521 87.97) 58.1%, oklch(76.56% 0.1494 96.10) 61.3%, oklch(76.28% 0.1469 104.30) 64.5%, oklch(75.86% 0.1446 112.50) 67.7%, oklch(75.32% 0.1425 120.62) 71.0%, oklch(74.70% 0.1405 128.57) 74.2%, oklch(74.02% 0.1387 136.29) 77.4%, oklch(73.31% 0.1370 143.70) 80.6%, oklch(72.60% 0.1355 150.72) 83.9%, oklch(71.92% 0.1341 157.27) 87.1%, oklch(71.30% 0.1328 163.28) 90.3%, oklch(70.77% 0.1316 168.67) 93.5%, oklch(70.35% 0.1305 173.37) 96.8%, oklch(70.08% 0.1295 177.29) 100.0%);

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

Trang phục lông vũ đính kim sa

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