Tím, hồng và tím đậm (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 315°: #9e365a, #d7849f, #4a263d, #896785, #b94d72. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #9e365a
- #a43e61
- #af4a6b
- #bb5877
- #c76683
- #d2738f
- #d97e99
- #dc849f
- #d7849f
- #ca7d97
- #b56f8a
- #9d5f79
- #844d67
- #6d3d56
- #5b3048
- #4e283f
- #4a263d
- #4c2a41
- #52324a
- #5c3d55
- #684963
- #745570
- #80607c
- #896785
- #90698a
- #97698d
- #9e668c
- #a56189
- #ab5c84
- #b1567e
- #b55177
- #b94d72
CSS
background: linear-gradient(315deg in oklch, oklch(49.21% 0.1419 2.11) 0.0%, oklch(51.42% 0.1392 2.05) 3.2%, oklch(54.83% 0.1357 2.08) 6.5%, oklch(58.93% 0.1315 2.12) 9.7%, oklch(63.17% 0.1268 2.10) 12.9%, oklch(67.02% 0.1217 1.92) 16.1%, oklch(69.95% 0.1165 1.52) 19.4%, oklch(71.43% 0.1113 0.79) 22.6%, oklch(70.90% 0.1062 359.67) 25.8%, oklch(67.80% 0.1006 358.06) 29.0%, oklch(62.63% 0.0944 356.04) 32.3%, oklch(56.19% 0.0880 353.74) 35.5%, oklch(49.27% 0.0817 351.26) 38.7%, oklch(42.66% 0.0758 348.75) 41.9%, oklch(37.15% 0.0706 346.32) 45.2%, oklch(33.53% 0.0664 344.09) 48.4%, oklch(32.49% 0.0633 342.07) 51.6%, oklch(33.68% 0.0607 339.71) 54.8%, oklch(36.50% 0.0584 337.16) 58.1%, oklch(40.40% 0.0568 334.65) 61.3%, oklch(44.83% 0.0561 332.45) 64.5%, oklch(49.25% 0.0566 330.79) 67.7%, oklch(53.11% 0.0585 329.95) 71.0%, oklch(55.85% 0.0622 330.16) 74.2%, oklch(57.28% 0.0682 331.79) 77.4%, oklch(58.04% 0.0775 335.00) 80.6%, oklch(58.30% 0.0890 339.33) 83.9%, oklch(58.20% 0.1016 344.29) 87.1%, oklch(57.89% 0.1144 349.43) 90.3%, oklch(57.50% 0.1264 354.25) 93.5%, oklch(57.19% 0.1363 358.28) 96.8%, oklch(57.09% 0.1433 1.05) 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
