Hồng, tím, xanh hải quân và hồng cá hồi (gradient tuyến tính)
Gradient tuyến tính, 56 màu, góc 135°: #ce9fa3, #5d4d71, #071d40, #77427b, #ff965b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
3 keyframe OKLCH chỉnh sửa được.
- #ce9fa3
- #cb9ca2
- #c6989f
- #c1939d
- #bb8d9a
- #b38897
- #ac8194
- #a37b91
- #9a748d
- #906e89
- #866784
- #7c6180
- #725a7b
- #685476
- #5d4d71
- #53486b
- #4a4266
- #403c60
- #37375b
- #2f3356
- #272e51
- #202a4c
- #1a2748
- #142445
- #0f2142
- #0b1f40
- #081e3f
- #061d3f
- #071d40
- #081e42
- #0c1f45
- #112049
- #17224e
- #1e2453
- #262759
- #2f2a5f
- #392e64
- #44316a
- #503570
- #5c3974
- #6a3d78
- #77427b
- #85467d
- #934b7e
- #a1517e
- #ae567d
- #bb5c7b
- #c76378
- #d26975
- #dc7071
- #e5776d
- #ec7e69
- #f38565
- #f88b61
- #fc915d
- #ff965b
CSS
background: linear-gradient(135deg in oklch, oklch(74.80% 0.0565 12.66) 0.0%, oklch(73.74% 0.0568 10.26) 1.8%, oklch(72.42% 0.0570 7.28) 3.6%, oklch(70.88% 0.0572 3.75) 5.5%, oklch(69.13% 0.0573 359.73) 7.3%, oklch(67.20% 0.0575 355.28) 9.1%, oklch(65.10% 0.0577 350.45) 10.9%, oklch(62.87% 0.0578 345.30) 12.7%, oklch(60.52% 0.0580 339.88) 14.5%, oklch(58.07% 0.0581 334.24) 16.4%, oklch(55.55% 0.0583 328.44) 18.2%, oklch(52.99% 0.0586 322.54) 20.0%, oklch(50.40% 0.0588 316.59) 21.8%, oklch(47.80% 0.0591 310.64) 23.6%, oklch(45.22% 0.0594 304.75) 25.5%, oklch(42.69% 0.0598 298.97) 27.3%, oklch(40.22% 0.0603 293.36) 29.1%, oklch(37.83% 0.0608 287.97) 30.9%, oklch(35.55% 0.0613 282.86) 32.7%, oklch(33.40% 0.0620 278.08) 34.5%, oklch(31.41% 0.0627 273.69) 36.4%, oklch(29.59% 0.0636 269.73) 38.2%, oklch(27.97% 0.0645 266.27) 40.0%, oklch(26.58% 0.0655 263.36) 41.8%, oklch(25.42% 0.0667 261.05) 43.6%, oklch(24.53% 0.0679 259.41) 45.5%, oklch(23.93% 0.0693 258.47) 47.3%, oklch(23.64% 0.0708 258.31) 49.1%, oklch(23.69% 0.0725 258.96) 50.9%, oklch(24.06% 0.0744 260.48) 52.7%, oklch(24.76% 0.0766 262.81) 54.5%, oklch(25.74% 0.0789 265.88) 56.4%, oklch(26.99% 0.0814 269.64) 58.2%, oklch(28.49% 0.0841 274.03) 60.0%, oklch(30.20% 0.0870 278.99) 61.8%, oklch(32.12% 0.0900 284.46) 63.6%, oklch(34.21% 0.0931 290.37) 65.5%, oklch(36.46% 0.0963 296.68) 67.3%, oklch(38.84% 0.0996 303.31) 69.1%, oklch(41.32% 0.1029 310.21) 70.9%, oklch(43.90% 0.1063 317.33) 72.7%, oklch(46.53% 0.1097 324.59) 74.5%, oklch(49.20% 0.1130 331.95) 76.4%, oklch(51.89% 0.1164 339.33) 78.2%, oklch(54.58% 0.1197 346.69) 80.0%, oklch(57.23% 0.1229 353.95) 81.8%, oklch(59.83% 0.1261 1.07) 83.6%, oklch(62.36% 0.1291 7.98) 85.5%, oklch(64.79% 0.1320 14.62) 87.3%, oklch(67.10% 0.1348 20.94) 89.1%, oklch(69.27% 0.1375 26.86) 90.9%, oklch(71.27% 0.1399 32.34) 92.7%, oklch(73.09% 0.1421 37.31) 94.5%, oklch(74.69% 0.1442 41.72) 96.4%, oklch(76.06% 0.1459 45.49) 98.2%, oklch(77.16% 0.1470 48.59) 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
