Tím, cam và hồng cá hồi (ba tông) tông rực rỡ (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 135°: #6b2e83, #f6b34b, #3d1e5b, #c75a24, #f28d26. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #6b2e83
- #803583
- #9f407e
- #c15272
- #dd6a62
- #f08751
- #f8a148
- #f9b149
- #f6b34b
- #f1a34c
- #e38753
- #c9685f
- #a44d69
- #7c396a
- #592b65
- #43215e
- #3d1e5b
- #451e5c
- #57215e
- #70265d
- #8c2e56
- #a63b49
- #ba4b37
- #c75a24
- #ce6512
- #d56e03
- #db7600
- #e07d07
- #e68213
- #eb861d
- #ef8a23
- #f28d26
CSS
background: linear-gradient(135deg in oklch, oklch(42.52% 0.1447 315.00) 0.0%, oklch(46.29% 0.1447 326.47) 3.2%, oklch(52.01% 0.1450 343.75) 6.5%, oklch(58.86% 0.1453 4.42) 9.7%, oklch(66.02% 0.1456 26.11) 12.9%, oklch(72.65% 0.1455 46.40) 16.1%, oklch(77.95% 0.1448 62.91) 19.4%, oklch(81.07% 0.1435 73.23) 22.6%, oklch(81.19% 0.1412 74.92) 25.8%, oklch(77.62% 0.1371 66.07) 29.0%, oklch(71.13% 0.1314 48.86) 32.3%, oklch(62.80% 0.1250 26.43) 35.5%, oklch(53.71% 0.1184 1.89) 38.7%, oklch(44.93% 0.1126 338.36) 41.9%, oklch(37.56% 0.1082 318.96) 45.2%, oklch(32.67% 0.1061 306.81) 48.4%, oklch(31.16% 0.1069 304.59) 51.6%, oklch(32.33% 0.1108 310.76) 54.8%, oklch(35.48% 0.1169 323.04) 58.1%, oklch(39.99% 0.1245 339.37) 61.3%, oklch(45.25% 0.1327 357.67) 64.5%, oklch(50.66% 0.1408 15.89) 67.7%, oklch(55.61% 0.1480 31.96) 71.0%, oklch(59.50% 0.1534 43.82) 74.2%, oklch(62.19% 0.1567 50.73) 77.4%, oklch(64.56% 0.1588 55.19) 80.6%, oklch(66.66% 0.1600 57.77) 83.9%, oklch(68.51% 0.1607 59.01) 87.1%, oklch(70.12% 0.1610 59.33) 90.3%, oklch(71.50% 0.1610 59.22) 93.5%, oklch(72.66% 0.1610 59.15) 96.8%, oklch(73.62% 0.1612 59.62) 100.0%);Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
