Tím, hồng, hồng đào và xanh lá tông rực rỡ (gradient tuyến tính)

Bảng màu Tím, hồng, hồng đào và xanh lá tông rực rỡ

Gradient tuyến tính, 32 màu, góc 45°: #4a183d, #9f316d, #dc77a7, #f4a488, #55c5b6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4a183d
#501a41
#581c46
#611f4c
#6c2253
#79255a
#852960
#922d67
#9f316d
#ab3772
#b53d77
#be447c
#c64d83
#cc578c
#d26296
#d86d9f
#dc77a7
#e181ad
#e689b1
#eb91b1
#f097ae
#f49ba6
#f69f99
#f4a488
#ecaa76
#dcb26b
#c7b969
#acc074
#90c485
#76c698
#61c6a9
#55c5b6

CSS

background: linear-gradient(45deg in oklch, oklch(30.31% 0.0909 338.91) 0.0%, oklch(31.77% 0.0958 339.82) 3.2%, oklch(33.65% 0.1027 341.01) 6.5%, oklch(35.87% 0.1111 342.41) 9.7%, oklch(38.36% 0.1204 343.99) 12.9%, oklch(41.05% 0.1301 345.68) 16.1%, oklch(43.85% 0.1397 347.45) 19.4%, oklch(46.70% 0.1485 349.24) 22.6%, oklch(49.51% 0.1560 351.01) 25.8%, oklch(52.21% 0.1617 352.70) 29.0%, oklch(54.73% 0.1649 354.27) 32.3%, oklch(57.09% 0.1652 355.39) 35.5%, oklch(59.56% 0.1629 355.34) 38.7%, oklch(62.11% 0.1585 354.48) 41.9%, oklch(64.69% 0.1523 353.26) 45.2%, oklch(67.22% 0.1451 352.12) 48.4%, oklch(69.66% 0.1373 351.50) 51.6%, oklch(71.93% 0.1293 351.84) 54.8%, oklch(73.99% 0.1218 353.59) 58.1%, oklch(75.77% 0.1151 357.19) 61.3%, oklch(77.21% 0.1099 3.08) 64.5%, oklch(78.25% 0.1066 11.78) 67.7%, oklch(78.84% 0.1044 24.40) 71.0%, oklch(79.05% 0.1031 40.44) 74.2%, oklch(78.94% 0.1024 59.00) 77.4%, oklch(78.59% 0.1023 79.16) 80.6%, oklch(78.08% 0.1026 100.02) 83.9%, oklch(77.47% 0.1031 120.66) 87.1%, oklch(76.85% 0.1037 140.18) 90.3%, oklch(76.27% 0.1043 157.66) 93.5%, oklch(75.83% 0.1046 172.19) 96.8%, oklch(75.59% 0.1047 182.86) 100.0%);

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

Gradient hồng và xanh cổ vịt

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