Cầu vồng từ tím đậm sang hồng (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 90°: #2b1438, #36b9d4, #bfe47b, #ffa252, #f15a8a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2b1438
#301c43
#352651
#3b3262
#414275
#445389
#46669d
#457baf
#4090bf
#3ba5cc
#36b9d4
#38cad8
#41d9d7
#4ee3d3
#5eeacb
#70efc1
#81f1b5
#93f0a7
#a3ee99
#b2ea8a
#bfe47b
#cbdd6d
#d5d660
#dfcf54
#e7c74b
#eebf44
#f5b841
#fbb040
#ffa946
#ffa252
#ff9b59
#ff925f
#ff8a63
#ff8068
#ff766c
#ff6d71
#fb6678
#f7617f
#f45d85
#f15a8a

CSS

background: linear-gradient(90deg in oklch, oklch(24.41% 0.0703 311.48) 0.0%, oklch(27.18% 0.0729 305.82) 2.6%, oklch(30.85% 0.0762 298.74) 5.1%, oklch(35.25% 0.0802 290.42) 7.7%, oklch(40.21% 0.0847 281.09) 10.3%, oklch(45.58% 0.0895 270.94) 12.8%, oklch(51.19% 0.0946 260.17) 15.4%, oklch(56.88% 0.0999 248.99) 17.9%, oklch(62.48% 0.1051 237.60) 20.5%, oklch(67.83% 0.1102 226.21) 23.1%, oklch(72.77% 0.1150 215.02) 25.6%, oklch(77.13% 0.1195 204.23) 28.2%, oklch(80.75% 0.1234 194.05) 30.8%, oklch(83.46% 0.1268 184.67) 33.3%, oklch(85.36% 0.1295 175.82) 35.9%, oklch(86.69% 0.1317 167.07) 38.5%, oklch(87.50% 0.1336 158.43) 41.0%, oklch(87.86% 0.1351 149.91) 43.6%, oklch(87.85% 0.1364 141.52) 46.2%, oklch(87.52% 0.1375 133.27) 48.7%, oklch(86.94% 0.1386 125.16) 51.3%, oklch(86.17% 0.1396 117.21) 53.8%, oklch(85.29% 0.1407 109.41) 56.4%, oklch(84.36% 0.1420 101.80) 59.0%, oklch(83.43% 0.1435 94.36) 61.5%, oklch(82.59% 0.1453 87.11) 64.1%, oklch(81.89% 0.1474 80.06) 66.7%, oklch(81.17% 0.1501 73.06) 69.2%, oklch(80.26% 0.1499 66.02) 71.8%, oklch(79.19% 0.1453 58.99) 74.4%, oklch(77.99% 0.1446 52.05) 76.9%, oklch(76.71% 0.1471 45.25) 79.5%, oklch(75.38% 0.1522 38.67) 82.1%, oklch(74.03% 0.1594 32.36) 84.6%, oklch(72.71% 0.1685 26.39) 87.2%, oklch(71.45% 0.1784 20.84) 89.7%, oklch(70.28% 0.1816 15.75) 92.3%, oklch(69.24% 0.1845 11.20) 94.9%, oklch(68.38% 0.1869 7.25) 97.4%, oklch(67.72% 0.1888 3.97) 100.0%);

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

Màu siêu thực

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