Cầu vồng từ tím sang nâu vàng (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #3a235f, #8f5acc, #4bc1b7, #ef7a55, #f1d77b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a235f
#412667
#4c2b72
#59307f
#69368d
#783d9c
#8545ac
#8d4ebc
#8f5acc
#8968db
#7f79e6
#6f8aec
#5c9beb
#4ba9e4
#40b4d8
#42bcca
#4bc1b7
#60c29b
#80bc76
#a4b04d
#c4a029
#db8e26
#e8803f
#ef7a55
#f47c62
#f98465
#fd9063
#ffa05f
#fdb160
#f9c167
#f4cf72
#f1d77b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.1033 298.13) 0.0%, oklch(33.97% 0.1098 299.46) 3.2%, oklch(36.81% 0.1196 302.13) 6.5%, oklch(40.19% 0.1312 305.36) 9.7%, oklch(43.91% 0.1434 308.37) 12.9%, oklch(47.73% 0.1550 310.39) 16.1%, oklch(51.46% 0.1645 310.63) 19.4%, oklch(54.87% 0.1706 308.33) 22.6%, oklch(57.77% 0.1721 302.74) 25.8%, oklch(60.51% 0.1680 294.13) 29.0%, oklch(63.21% 0.1595 283.10) 32.3%, oklch(65.80% 0.1482 270.03) 35.5%, oklch(68.20% 0.1358 255.33) 38.7%, oklch(70.33% 0.1237 239.38) 41.9%, oklch(72.13% 0.1137 222.59) 45.2%, oklch(73.51% 0.1074 205.34) 48.4%, oklch(74.34% 0.1062 187.38) 51.6%, oklch(74.36% 0.1095 165.61) 54.8%, oklch(73.76% 0.1163 141.06) 58.1%, oklch(72.81% 0.1250 115.49) 61.3%, oklch(71.76% 0.1344 90.64) 64.5%, oklch(70.88% 0.1433 68.27) 67.7%, oklch(70.43% 0.1502 50.13) 71.0%, oklch(70.67% 0.1540 37.95) 74.2%, oklch(71.81% 0.1539 33.29) 77.4%, oklch(73.73% 0.1507 35.52) 80.6%, oklch(76.20% 0.1455 42.88) 83.9%, oklch(78.97% 0.1389 53.59) 87.1%, oklch(81.80% 0.1319 65.85) 90.3%, oklch(84.44% 0.1251 77.90) 93.5%, oklch(86.65% 0.1195 87.93) 96.8%, oklch(88.19% 0.1157 94.17) 100.0%);

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

Tuổi thơ hoài niệm

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