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

Xanh hải quân, tím, hồng và xanh dương nhạt: bảng màu gồm 32 màu. #151238, #362369, #7938a4, #ef59a7, #8be5dc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#151238
#17143b
#1a1540
#1d1746
#21194d
#261c54
#2b1e5b
#312062
#362369
#3c2571
#422778
#492a80
#502c88
#582f8f
#613197
#6c349e
#7938a4
#8a39a6
#9f3aa5
#b53c9f
#ca3f99
#db4595
#e84d98
#ef59a7
#ee68c3
#df7de8
#c29aff
#a5b4ff
#8dc7ff
#6dd7fd
#79e0e9
#8be5dc

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(21.26% 0.0703 281.25) 0.0%, oklch(22.08% 0.0739 281.97) 3.2%, oklch(23.15% 0.0786 282.87) 6.5%, oklch(24.42% 0.0843 283.95) 9.7%, oklch(25.85% 0.0906 285.18) 12.9%, oklch(27.40% 0.0973 286.53) 16.1%, oklch(29.01% 0.1041 288.00) 19.4%, oklch(30.66% 0.1109 289.55) 22.6%, oklch(32.30% 0.1173 291.16) 25.8%, oklch(33.93% 0.1240 292.66) 29.0%, oklch(35.60% 0.1311 294.08) 32.3%, oklch(37.32% 0.1383 295.56) 35.5%, oklch(39.12% 0.1456 297.23) 38.7%, oklch(41.04% 0.1526 299.24) 41.9%, oklch(43.08% 0.1593 301.72) 45.2%, oklch(45.29% 0.1653 304.80) 48.4%, oklch(47.69% 0.1710 309.03) 51.6%, oklch(50.38% 0.1775 316.37) 54.8%, oklch(53.29% 0.1845 325.78) 58.1%, oklch(56.34% 0.1912 335.78) 61.3%, oklch(59.45% 0.1969 344.86) 64.5%, oklch(62.52% 0.2007 351.53) 67.7%, oklch(65.48% 0.2018 354.28) 71.0%, oklch(68.25% 0.1996 351.62) 74.2%, oklch(70.85% 0.1928 341.70) 77.4%, oklch(73.50% 0.1806 324.11) 80.6%, oklch(76.13% 0.1461 301.14) 83.9%, oklch(78.66% 0.1084 275.15) 87.1%, oklch(81.01% 0.1001 248.50) 90.3%, oklch(83.11% 0.1112 223.56) 93.5%, oklch(84.87% 0.0968 202.69) 96.8%, oklch(86.22% 0.0868 188.26) 100.0%);

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

Bảng màu vaporwave

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