Hồng, xanh hải quân, cam và vàng (gradient tuyến tính)
Gradient tuyến tính, 64 màu, góc 135°: #f94c9f, #120c25, #240652, #ffbd2b, #d5b429. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #f94c9f
- #ee4a9f
- #e0479d
- #cf449b
- #bd4197
- #a93e91
- #95398a
- #813581
- #6e3076
- #5c2b6a
- #4b265e
- #3c2151
- #301b45
- #25173a
- #1d1231
- #160f2a
- #120c25
- #0e0a21
- #0b081f
- #09061d
- #07051d
- #06041e
- #050320
- #050322
- #050225
- #050129
- #06012e
- #080133
- #0b0139
- #0f013f
- #150246
- #1c034c
- #240652
- #300b59
- #3f125f
- #511965
- #662069
- #7c286a
- #933269
- #aa3e65
- #bf4b5f
- #d25b56
- #e26d4c
- #ef7f40
- #f79135
- #fda22c
- #ffb128
- #ffbd2b
- #fec62d
- #fccd32
- #f9d136
- #f6d339
- #f3d43b
- #efd33b
- #ecd13b
- #e9ce39
- #e6ca37
- #e3c634
- #e0c232
- #ddbd2f
- #daba2c
- #d8b72a
- #d6b529
- #d5b429
CSS
background: linear-gradient(135deg in oklch, oklch(68.11% 0.2205 355.08) 0.0%, oklch(66.22% 0.2139 352.70) 1.6%, oklch(63.80% 0.2053 349.66) 3.2%, oklch(60.90% 0.1950 346.06) 4.8%, oklch(57.63% 0.1834 341.98) 6.3%, oklch(54.05% 0.1706 337.53) 7.9%, oklch(50.25% 0.1570 332.80) 9.5%, oklch(46.31% 0.1430 327.88) 11.1%, oklch(42.31% 0.1289 322.88) 12.7%, oklch(38.33% 0.1149 317.89) 14.3%, oklch(34.45% 0.1015 312.99) 15.9%, oklch(30.75% 0.0888 308.30) 17.5%, oklch(27.31% 0.0773 303.90) 19.0%, oklch(24.21% 0.0672 299.90) 20.6%, oklch(21.54% 0.0589 296.38) 22.2%, oklch(19.36% 0.0527 293.44) 23.8%, oklch(17.76% 0.0489 291.15) 25.4%, oklch(16.48% 0.0471 288.99) 27.0%, oklch(15.42% 0.0472 286.80) 28.6%, oklch(14.57% 0.0489 284.63) 30.2%, oklch(13.94% 0.0519 282.56) 31.7%, oklch(13.53% 0.0561 280.67) 33.3%, oklch(13.34% 0.0613 279.03) 34.9%, oklch(13.37% 0.0673 277.71) 36.5%, oklch(13.63% 0.0738 276.78) 38.1%, oklch(14.11% 0.0807 276.31) 39.7%, oklch(14.82% 0.0877 276.38) 41.3%, oklch(15.76% 0.0947 277.05) 42.9%, oklch(16.92% 0.1014 278.41) 44.4%, oklch(18.32% 0.1076 280.52) 46.0%, oklch(19.95% 0.1132 283.45) 47.6%, oklch(21.81% 0.1179 287.29) 49.2%, oklch(23.97% 0.1217 292.18) 50.8%, oklch(26.75% 0.1253 298.68) 52.4%, oklch(30.12% 0.1290 306.66) 54.0%, oklch(33.98% 0.1326 315.89) 55.6%, oklch(38.24% 0.1361 326.15) 57.1%, oklch(42.79% 0.1396 337.20) 58.7%, oklch(47.55% 0.1429 348.82) 60.3%, oklch(52.42% 0.1461 0.79) 61.9%, oklch(57.30% 0.1491 12.87) 63.5%, oklch(62.10% 0.1520 24.83) 65.1%, oklch(66.72% 0.1546 36.45) 66.7%, oklch(71.07% 0.1570 47.50) 68.3%, oklch(75.05% 0.1592 57.75) 69.8%, oklch(78.56% 0.1610 66.97) 71.4%, oklch(81.50% 0.1625 74.94) 73.0%, oklch(83.79% 0.1631 81.43) 74.6%, oklch(85.40% 0.1645 86.41) 76.2%, oklch(86.46% 0.1648 90.36) 77.8%, oklch(87.05% 0.1647 93.39) 79.4%, oklch(87.22% 0.1641 95.59) 81.0%, oklch(87.03% 0.1633 97.08) 82.5%, oklch(86.54% 0.1622 97.94) 84.1%, oklch(85.80% 0.1608 98.29) 85.7%, oklch(84.87% 0.1593 98.21) 87.3%, oklch(83.81% 0.1578 97.81) 88.9%, oklch(82.68% 0.1561 97.19) 90.5%, oklch(81.53% 0.1545 96.45) 92.1%, oklch(80.42% 0.1530 95.69) 93.7%, oklch(79.42% 0.1516 95.00) 95.2%, oklch(78.56% 0.1504 94.50) 96.8%, oklch(77.93% 0.1495 94.27) 98.4%, oklch(77.56% 0.1488 94.41) 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
