Xanh hải quân, xanh cổ vịt, cam và hồng (gradient tuyến tính)
Gradient tuyến tính, 48 màu, góc 180°: #001021, #00535e, #00a28c, #ff6f71, #ffc5e0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #001021
- #001324
- #001727
- #001b2c
- #002031
- #002636
- #002c3c
- #003242
- #003948
- #00404e
- #004753
- #004d59
- #00535e
- #005a63
- #00606a
- #006770
- #006e77
- #00747e
- #007b85
- #00828b
- #008990
- #008f93
- #009694
- #009c92
- #00a28c
- #00a77f
- #00ad64
- #51ac3f
- #7fa600
- #a19d00
- #b99500
- #cf8b00
- #e57f00
- #f87127
- #fe6c52
- #ff6f71
- #ff7487
- #ff7a99
- #ff82a7
- #ff8ab3
- #ff93bd
- #ff9cc4
- #ffa5cb
- #ffadd0
- #ffb4d5
- #ffbbd9
- #ffc0dd
- #ffc5e0
CSS
background: linear-gradient(180deg in oklch, oklch(16.96% 0.0430 245.34) 0.0%, oklch(18.11% 0.0442 243.47) 2.1%, oklch(19.55% 0.0457 241.12) 4.3%, oklch(21.24% 0.0474 238.38) 6.4%, oklch(23.15% 0.0493 235.33) 8.5%, oklch(25.22% 0.0515 232.05) 10.6%, oklch(27.41% 0.0538 228.61) 12.8%, oklch(29.67% 0.0563 225.11) 14.9%, oklch(31.98% 0.0589 221.61) 17.0%, oklch(34.27% 0.0616 218.18) 19.1%, oklch(36.51% 0.0645 214.92) 21.3%, oklch(38.65% 0.0673 211.90) 23.4%, oklch(40.66% 0.0701 209.22) 25.5%, oklch(42.68% 0.0732 207.36) 27.7%, oklch(44.76% 0.0766 206.28) 29.8%, oklch(46.89% 0.0802 205.71) 31.9%, oklch(49.02% 0.0838 205.38) 34.0%, oklch(51.15% 0.0874 205.03) 36.2%, oklch(53.24% 0.0908 204.37) 38.3%, oklch(55.27% 0.0941 203.15) 40.4%, oklch(57.22% 0.0973 201.09) 42.6%, oklch(59.05% 0.1004 197.93) 44.7%, oklch(60.75% 0.1040 193.38) 46.8%, oklch(62.29% 0.1087 187.19) 48.9%, oklch(63.64% 0.1163 178.99) 51.1%, oklch(64.77% 0.1308 168.21) 53.2%, oklch(65.70% 0.1617 155.22) 55.3%, oklch(66.48% 0.1705 140.54) 57.4%, oklch(67.14% 0.1680 124.66) 59.6%, oklch(67.73% 0.1461 108.06) 61.7%, oklch(68.28% 0.1396 91.26) 63.8%, oklch(68.83% 0.1454 74.75) 66.0%, oklch(69.41% 0.1643 59.05) 68.1%, oklch(70.07% 0.1843 44.67) 70.2%, oklch(70.85% 0.1835 32.06) 72.3%, oklch(71.78% 0.1762 21.76) 74.5%, oklch(72.91% 0.1698 13.86) 76.6%, oklch(74.22% 0.1633 7.56) 78.7%, oklch(75.68% 0.1560 2.64) 80.9%, oklch(77.23% 0.1474 358.90) 83.0%, oklch(78.85% 0.1376 356.16) 85.1%, oklch(80.48% 0.1269 354.23) 87.2%, oklch(82.08% 0.1160 352.91) 89.4%, oklch(83.62% 0.1053 352.02) 91.5%, oklch(85.04% 0.0954 351.37) 93.6%, oklch(86.30% 0.0868 350.77) 95.7%, oklch(87.37% 0.0798 350.02) 97.9%, oklch(88.19% 0.0749 348.95) 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
