Hồng đào, tím, hồng và xanh hải quân (gradient tuyến tính)
Gradient tuyến tính, 32 màu, góc 90°: #f4ae7b, #8f5d9e, #cc6aa2, #cf6983, #111632. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #f4ae7b
- #f2a67b
- #ec9a7e
- #e48c83
- #d77f8a
- #c77491
- #b46a98
- #a1629c
- #8f5d9e
- #81599f
- #7857a0
- #7756a1
- #7e57a4
- #8d5aa7
- #a05fa8
- #b664a7
- #cc6aa2
- #de709a
- #ec7791
- #f57c89
- #f67e83
- #f17b81
- #e47382
- #cf6983
- #b65d83
- #98517f
- #794577
- #5b396a
- #412e5b
- #2b244b
- #1b1c3d
- #111632
CSS
background: linear-gradient(90deg in oklch, oklch(80.71% 0.1061 56.95) 0.0%, oklch(78.85% 0.1067 49.61) 3.2%, oklch(76.21% 0.1073 39.17) 6.5%, oklch(72.99% 0.1080 26.47) 9.7%, oklch(69.41% 0.1087 12.34) 12.9%, oklch(65.68% 0.1096 357.59) 16.1%, oklch(62.01% 0.1107 343.06) 19.4%, oklch(58.61% 0.1119 329.58) 22.6%, oklch(55.70% 0.1132 317.98) 25.8%, oklch(53.48% 0.1147 309.07) 29.0%, oklch(52.17% 0.1165 303.69) 32.3%, oklch(52.04% 0.1187 302.72) 35.5%, oklch(53.26% 0.1221 306.29) 38.7%, oklch(55.53% 0.1263 313.44) 41.9%, oklch(58.51% 0.1309 323.16) 45.2%, oklch(61.88% 0.1357 334.43) 48.4%, oklch(65.31% 0.1401 346.25) 51.6%, oklch(68.47% 0.1439 357.61) 54.8%, oklch(71.03% 0.1467 7.49) 58.1%, oklch(72.67% 0.1480 14.87) 61.3%, oklch(73.05% 0.1475 18.76) 64.5%, oklch(71.85% 0.1449 18.19) 67.7%, oklch(68.97% 0.1395 13.40) 71.0%, oklch(64.72% 0.1318 5.26) 74.2%, oklch(59.43% 0.1224 354.55) 77.4%, oklch(53.43% 0.1118 342.05) 80.6%, oklch(47.06% 0.1005 328.54) 83.9%, oklch(40.64% 0.0892 314.80) 87.1%, oklch(34.52% 0.0785 301.63) 90.3%, oklch(29.03% 0.0688 289.78) 93.5%, oklch(24.50% 0.0608 280.06) 96.8%, oklch(21.26% 0.0551 273.23) 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
