Hồng, tím, xanh dương và trắng (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 135°: #ec62bd, #86145f, #772647, #303da6, #fff2f8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ec62bd
#e65eb8
#df58b3
#d750ac
#ce48a5
#c43f9d
#b93594
#af2c8c
#a62284
#9e1a7c
#961275
#910d6f
#8c0d6a
#891064
#86145f
#841a5a
#821f56
#802453
#7e2950
#7c2d4e
#7b304d
#79324c
#78324b
#77324a
#763149
#762f48
#762c47
#772947
#772647
#782248
#781f4a
#791c4d
#791a52
#781a58
#761b60
#721c6b
#6b1f77
#632284
#58278f
#4c2d99
#3f35a1
#303da6
#2045ab
#124eaf
#1557b4
#2b60ba
#476bc2
#6477ca
#8284d1
#9f93d6
#baa3db
#d1b5df
#e3c7e4
#f0d8ea
#f9e6f1
#fff2f8

CSS

background: linear-gradient(135deg in oklch, oklch(69.69% 0.1957 343.13) 0.0%, oklch(68.26% 0.1953 343.00) 1.8%, oklch(66.33% 0.1951 342.74) 3.6%, oklch(64.01% 0.1951 342.40) 5.5%, oklch(61.42% 0.1950 342.02) 7.3%, oklch(58.65% 0.1948 341.64) 9.1%, oklch(55.82% 0.1944 341.32) 10.9%, oklch(53.03% 0.1935 341.10) 12.7%, oklch(50.39% 0.1921 341.01) 14.5%, oklch(48.02% 0.1900 341.12) 16.4%, oklch(46.02% 0.1871 341.45) 18.2%, oklch(44.49% 0.1833 342.07) 20.0%, oklch(43.42% 0.1779 343.11) 21.8%, oklch(42.67% 0.1708 344.62) 23.6%, oklch(42.20% 0.1624 346.48) 25.5%, oklch(41.95% 0.1531 348.58) 27.3%, oklch(41.87% 0.1434 350.79) 29.1%, oklch(41.91% 0.1337 353.01) 30.9%, oklch(42.02% 0.1244 355.11) 32.7%, oklch(42.15% 0.1160 356.98) 34.5%, oklch(42.25% 0.1089 358.50) 36.4%, oklch(42.25% 0.1037 359.56) 38.2%, oklch(42.13% 0.1006 0.03) 40.0%, oklch(41.87% 0.0999 0.19) 41.8%, oklch(41.56% 0.1011 0.31) 43.6%, oklch(41.22% 0.1039 0.30) 45.5%, oklch(40.85% 0.1079 0.09) 47.3%, oklch(40.50% 0.1129 359.57) 49.1%, oklch(40.17% 0.1185 358.67) 50.9%, oklch(39.90% 0.1243 357.29) 52.7%, oklch(39.70% 0.1301 355.34) 54.5%, oklch(39.59% 0.1354 352.74) 56.4%, oklch(39.61% 0.1399 349.41) 58.2%, oklch(39.76% 0.1433 345.24) 60.0%, oklch(39.91% 0.1465 339.40) 61.8%, oklch(39.95% 0.1503 331.48) 63.6%, oklch(39.94% 0.1544 322.04) 65.5%, oklch(39.97% 0.1585 311.64) 67.3%, oklch(40.10% 0.1623 300.82) 69.1%, oklch(40.41% 0.1655 290.16) 70.9%, oklch(40.98% 0.1677 280.20) 72.7%, oklch(41.87% 0.1687 271.51) 74.5%, oklch(43.16% 0.1682 264.64) 76.4%, oklch(44.93% 0.1658 260.14) 78.2%, oklch(47.24% 0.1612 258.58) 80.0%, oklch(50.38% 0.1536 260.40) 81.8%, oklch(54.42% 0.1429 265.25) 83.6%, oklch(59.17% 0.1296 272.54) 85.5%, oklch(64.40% 0.1145 281.68) 87.3%, oklch(69.91% 0.0983 292.07) 89.1%, oklch(75.50% 0.0817 303.12) 90.9%, oklch(80.95% 0.0653 314.23) 92.7%, oklch(86.06% 0.0500 324.80) 94.5%, oklch(90.62% 0.0362 334.24) 96.4%, oklch(94.42% 0.0249 341.96) 98.2%, oklch(97.24% 0.0164 347.33) 100.0%);

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

Bảng màu hồng cánh sen

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