CSS-liukuvärigeneraattori
Tee pehmeitä liukuvärejä OKLabissa tai OKLCH:ssa ilman RGB:n harmaata kuollutta aluetta. Kopioi CSS tai Tailwind-luokat.
Värit
Väriavaruus
OKLab pitää keskikohdan kirkkaana. sRGB on vanhojen selainten tapa sekoittaa, ja keskikohta muuttuu siinä usein harmaaksi.
Tyyppi
CSS
background: linear-gradient(90deg, #ff5733, #ec6659, #d87075, #c3788d, #ae7ea4, #9781b9, #7e83ce, #6183e2, #3b82f6);
background: linear-gradient(90deg in oklab, #ff5733, #3b82f6);Tailwind CSS v4
bg-linear-90/oklab from-[#ff5733] to-[#3b82f6]Värit liukuvärin varrella
Suositut liukuvärit
- Sininen–purppura liukuväri
- Vaaleanpunainen–oranssi liukuväri
- Purppura–vaaleanpunainen liukuväri
- Sinivihreä–sininen liukuväri
- Oranssi–keltainen liukuväri
- Laivastonsininen–sinivihreä liukuväri
- Punainen–oranssi liukuväri
- Vihreä–sininen liukuväri
- Musta–valkoinen liukuväri
- Koralli–kulta liukuväri
- Syaani–magenta liukuväri
- Violetti–sininen liukuväri