Xanh hải quân, tím và hồng cá hồi (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #0c011d, #322353, #88487a, #d86788, #ff8b7e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

• #0c011d
• #0e0221
• #120426
• #16072d
• #1a0d34
• #1f133c
• #251844
• #2b1e4c
• #322353
• #3a285a
• #442d60
• #4e3166
• #59366b
• #653a6f
• #713f73
• #7c4377
• #88487a
• #934c7e
• #9f5181
• #ab5584
• #b75a86
• #c35e88
• #ce6388
• #d86788
• #e06b87
• #e86f86
• #ef7384
• #f67881
• #fb7c7f
• #ff807c
• #ff867d
• #ff8b7e

CSS

background: linear-gradient(135deg in oklch, oklch(12.99% 0.0661 299.53) 0.0%, oklch(14.30% 0.0675 298.79) 3.2%, oklch(16.03% 0.0694 297.45) 6.5%, oklch(18.08% 0.0715 295.83) 9.7%, oklch(20.38% 0.0739 294.26) 12.9%, oklch(22.81% 0.0766 293.06) 16.1%, oklch(25.31% 0.0793 292.54) 19.4%, oklch(27.76% 0.0820 293.03) 22.6%, oklch(30.10% 0.0847 294.84) 25.8%, oklch(32.45% 0.0874 298.13) 29.0%, oklch(34.88% 0.0900 302.61) 32.3%, oklch(37.35% 0.0927 307.94) 35.5%, oklch(39.84% 0.0956 313.78) 38.7%, oklch(42.33% 0.0986 319.80) 41.9%, oklch(44.81% 0.1019 325.64) 45.2%, oklch(47.23% 0.1055 330.98) 48.4%, oklch(49.62% 0.1096 335.58) 51.6%, oklch(52.05% 0.1144 339.92) 54.8%, oklch(54.51% 0.1197 344.12) 58.1%, oklch(56.95% 0.1253 348.18) 61.3%, oklch(59.33% 0.1310 352.10) 64.5%, oklch(61.61% 0.1363 355.89) 67.7%, oklch(63.74% 0.1412 359.56) 71.0%, oklch(65.69% 0.1452 3.12) 74.2%, oklch(67.45% 0.1483 6.63) 77.4%, oklch(69.09% 0.1509 10.20) 80.6%, oklch(70.62% 0.1529 13.73) 83.9%, oklch(72.01% 0.1545 17.12) 87.1%, oklch(73.25% 0.1558 20.27) 90.3%, oklch(74.34% 0.1557 23.08) 93.5%, oklch(75.25% 0.1486 25.43) 96.8%, oklch(75.98% 0.1433 27.24) 100.0%);

Trong các bộ sưu tập này

Gradient retroGradient synthwave

Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động