Hồng đào, hồng và tím (ba tông) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 180°: #f1b26b, #e37564, #c24a71, #8f4071, #503b66. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f1b26b
- #f0ad69
- #f0a666
- #ef9f63
- #ee9662
- #ec8d61
- #e98462
- #e67c63
- #e37564
- #e06f66
- #dd6867
- #da6268
- #d65c6a
- #d2566b
- #cd516d
- #c84d6f
- #c24a71
- #bc4772
- #b54572
- #ae4472
- #a64372
- #9f4271
- #974171
- #8f4071
- #873f71
- #7e3f71
- #753e71
- #6b3d6f
- #623d6d
- #5b3c6b
- #543b68
- #503b66
CSS
background: linear-gradient(180deg in oklch, oklch(80.71% 0.1144 68.20) 0.0%, oklch(79.75% 0.1164 65.16) 3.2%, oklch(78.46% 0.1191 61.02) 6.5%, oklch(76.92% 0.1224 56.09) 9.7%, oklch(75.22% 0.1260 50.67) 12.9%, oklch(73.45% 0.1298 45.06) 16.1%, oklch(71.69% 0.1335 39.58) 19.4%, oklch(70.03% 0.1369 34.54) 22.6%, oklch(68.54% 0.1399 30.20) 25.8%, oklch(67.15% 0.1432 26.30) 29.0%, oklch(65.80% 0.1469 22.62) 32.3%, oklch(64.47% 0.1505 19.12) 35.5%, oklch(63.17% 0.1539 15.78) 38.7%, oklch(61.88% 0.1566 12.56) 41.9%, oklch(60.59% 0.1584 9.42) 45.2%, oklch(59.31% 0.1588 6.33) 48.4%, oklch(58.01% 0.1577 3.32) 51.6%, oklch(56.73% 0.1550 0.63) 54.8%, oklch(55.44% 0.1510 358.19) 58.1%, oklch(54.17% 0.1460 355.84) 61.3%, oklch(52.90% 0.1404 353.45) 64.5%, oklch(51.64% 0.1345 350.88) 67.7%, oklch(50.38% 0.1284 347.97) 71.0%, oklch(49.13% 0.1226 344.60) 74.2%, oklch(47.85% 0.1169 340.49) 77.4%, oklch(46.47% 0.1104 335.47) 80.6%, oklch(45.05% 0.1034 329.87) 83.9%, oklch(43.65% 0.0964 324.05) 87.1%, oklch(42.32% 0.0896 318.36) 90.3%, oklch(41.13% 0.0834 313.15) 93.5%, oklch(40.12% 0.0782 308.79) 96.8%, oklch(39.37% 0.0744 305.62) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
