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

Bảng màu Xanh dương, hồng, cam và tím oải hương

Gradient xuyên tâm, 32 màu: #335ccb, #ec3474, #feb63d, #f17b16, #aab2be. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#335ccb
#4a58d0
#6452d3
#7f4bd1
#9a42c8
#b43ab8
#cb32a2
#de2f8a
#ec3474
#f7435e
#ff5848
#ff733f
#ff893d
#ff9b3f
#ffa942
#ffb242
#feb63d
#fab536
#f6af22
#f2a700
#ec9e00
#e99400
#eb8800
#f17b16
#f2764b
#ee7778
#e180a1
#cd8ebe
#b99ccc
#aba8cc
#a7afc5
#aab2be

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(51.18% 0.1791 265.08) 0.0%, oklch(52.00% 0.1832 273.15) 3.2%, oklch(53.02% 0.1895 284.14) 6.5%, oklch(54.23% 0.1971 297.24) 9.7%, oklch(55.62% 0.2049 311.63) 12.9%, oklch(57.18% 0.2121 326.52) 16.1%, oklch(58.89% 0.2176 341.08) 19.4%, oklch(60.73% 0.2205 354.51) 22.6%, oklch(62.73% 0.2199 6.10) 25.8%, oklch(65.28% 0.2150 17.37) 29.0%, oklch(68.32% 0.2057 28.76) 32.3%, oklch(71.61% 0.1833 39.85) 35.5%, oklch(74.87% 0.1673 50.18) 38.7%, oklch(77.85% 0.1571 59.33) 41.9%, oklch(80.27% 0.1518 66.86) 45.2%, oklch(81.87% 0.1512 72.33) 48.4%, oklch(82.39% 0.1534 75.52) 51.6%, oklch(81.74% 0.1551 77.37) 54.8%, oklch(80.22% 0.1599 77.86) 58.1%, oklch(78.15% 0.1636 76.78) 61.3%, oklch(75.83% 0.1608 73.93) 64.5%, oklch(73.59% 0.1603 69.09) 67.7%, oklch(71.74% 0.1650 62.05) 71.0%, oklch(70.61% 0.1742 52.62) 74.2%, oklch(70.35% 0.1635 39.53) 77.4%, oklch(70.65% 0.1463 21.14) 80.6%, oklch(71.37% 0.1244 359.12) 83.9%, oklch(72.36% 0.1000 335.27) 87.1%, oklch(73.46% 0.0752 311.39) 90.3%, oklch(74.53% 0.0521 289.30) 93.5%, oklch(75.42% 0.0328 270.80) 96.8%, oklch(75.98% 0.0193 257.68) 100.0%);

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

Sticker dán tủ đồ

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