Tím, hồng và đen (tương đồng) (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 120°: #7e557c, #e188a1, #a04d6e, #40123b, #160d1e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #7e557c
- #855880
- #905d85
- #9c648b
- #ab6c91
- #ba7497
- #c97c9c
- #d6839f
- #e188a1
- #e88ba0
- #ea8b9f
- #e7889a
- #df8094
- #d3768c
- #c46983
- #b25b79
- #a04d6e
- #8e3f64
- #7c335a
- #6b2851
- #5e1f4a
- #531944
- #49153f
- #40123b
- #381137
- #311033
- #2a102f
- #250f2b
- #200f28
- #1c0f24
- #190e21
- #160d1e
CSS
background: linear-gradient(120deg in oklch, oklch(50.79% 0.0799 328.36) 0.0%, oklch(52.39% 0.0823 330.88) 3.2%, oklch(54.79% 0.0856 334.47) 6.5%, oklch(57.75% 0.0895 338.84) 9.7%, oklch(61.04% 0.0940 343.71) 12.9%, oklch(64.41% 0.0986 348.78) 16.1%, oklch(67.63% 0.1032 353.77) 19.4%, oklch(70.45% 0.1076 358.40) 22.6%, oklch(72.65% 0.1114 2.36) 25.8%, oklch(73.99% 0.1146 5.39) 29.0%, oklch(74.22% 0.1167 7.18) 32.3%, oklch(73.14% 0.1178 7.58) 35.5%, oklch(70.77% 0.1184 6.86) 38.7%, oklch(67.37% 0.1185 5.23) 41.9%, oklch(63.17% 0.1182 2.84) 45.2%, oklch(58.43% 0.1174 359.87) 48.4%, oklch(53.39% 0.1161 356.47) 51.6%, oklch(48.29% 0.1143 352.83) 54.8%, oklch(43.38% 0.1120 349.09) 58.1%, oklch(38.90% 0.1092 345.44) 61.3%, oklch(35.10% 0.1059 342.04) 64.5%, oklch(32.19% 0.1019 338.99) 67.7%, oklch(29.76% 0.0968 335.78) 71.0%, oklch(27.64% 0.0904 332.30) 74.2%, oklch(25.79% 0.0832 328.65) 77.4%, oklch(24.20% 0.0754 324.95) 80.6%, oklch(22.82% 0.0674 321.28) 83.9%, oklch(21.62% 0.0595 317.77) 87.1%, oklch(20.58% 0.0521 314.50) 90.3%, oklch(19.67% 0.0455 311.58) 93.5%, oklch(18.86% 0.0399 309.12) 96.8%, oklch(18.11% 0.0358 307.22) 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
