Xanh lơ, xanh dương nhạt, tím và hồng tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh lơ, xanh dương nhạt, tím và hồng tông rực rỡ

Gradient tuyến tính, 32 màu, góc 180°: #67ebff, #4cd1fc, #872e65, #ca4a84, #fa96a0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#67ebff
#61efff
#51f7ff
#49fffc
#7afff4
#7dfff2
#3dfff8
#36eefd
#4cd1fc
#6aadec
#7c89cd
#816ca7
#7e5788
#7c4a75
#7d3f6b
#813666
#872e65
#8f2667
#97216a
#9f1f6a
#a9256d
#b33074
#bf3d7c
#ca4a84
#d4578c
#dd6191
#e46b94
#eb7597
#f07f99
#f4899c
#f7919e
#fa96a0

CSS

background: linear-gradient(180deg in oklch, oklch(87.40% 0.1181 208.82) 0.0%, oklch(88.16% 0.1225 205.55) 3.2%, oklch(89.60% 0.1337 199.67) 6.5%, oklch(91.15% 0.1414 193.25) 9.7%, oklch(92.23% 0.1185 188.33) 12.9%, oklch(92.28% 0.1171 186.98) 16.1%, oklch(90.72% 0.1456 191.26) 19.4%, oklch(86.80% 0.1391 203.56) 22.6%, oklch(80.52% 0.1281 223.73) 25.8%, oklch(72.84% 0.1150 248.61) 29.0%, oklch(64.80% 0.1023 274.98) 32.3%, oklch(57.38% 0.0924 299.62) 35.5%, oklch(51.62% 0.0879 319.30) 38.7%, oklch(48.17% 0.0913 331.74) 41.9%, oklch(46.12% 0.1025 339.39) 45.2%, oklch(45.13% 0.1189 343.69) 48.4%, oklch(45.02% 0.1374 345.81) 51.6%, oklch(45.55% 0.1549 346.89) 54.8%, oklch(46.53% 0.1686 348.11) 58.1%, oklch(47.83% 0.1757 350.35) 61.3%, oklch(50.03% 0.1783 352.21) 64.5%, oklch(52.99% 0.1778 353.46) 67.7%, oklch(56.38% 0.1751 354.40) 71.0%, oklch(59.88% 0.1710 355.31) 74.2%, oklch(63.14% 0.1663 356.49) 77.4%, oklch(65.85% 0.1617 358.24) 80.6%, oklch(68.33% 0.1557 0.67) 83.9%, oklch(70.74% 0.1480 3.55) 87.1%, oklch(73.00% 0.1397 6.59) 90.3%, oklch(75.02% 0.1316 9.48) 93.5%, oklch(76.70% 0.1247 11.94) 96.8%, oklch(77.95% 0.1199 13.68) 100.0%);

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