RGB-värviülemineku paleti generaator
Koosta korratav värvigradient, eelvaata iga genereeritud värvipunkti ja kopeeri täpne HEX-jada CSS-i, diagrammide või disainitokenite jaoks.
Alusta kasutamist
RGB-värviülemineku paleti generaator
Koosta korratav värvigradient, eelvaata iga genereeritud värvipunkti ja kopeeri täpne HEX-jada CSS-i, diagrammide või disainitokenite jaoks.
Mida see tööriist aitab teil teha
Koosta korratav värvigradient, eelvaata iga genereeritud värvipunkti ja kopeeri täpne HEX-jada CSS-i, diagrammide või disainitokenite jaoks.
Näide
#2563EB → #EC4899, 5 värvi
#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899
Kuidas tulemus luuakse
Iga vahevärv luuakse punase, rohelise ja sinise kanali lineaarse interpoleerimise teel. Algus- ja lõppvärv säilitatakse ning ülejäänud värvid paigutatakse võrdsete vahedega.
Kasulikud töövood
- Loo järjestatud diagrammivärvid või soojuskaardi üleminekud
- Loo hõljumis- ja olekuvärvid kahe disainitokeni vahel
- Koosta kompaktne palett taustagradientide jaoks
Olulised piirangud
- RGB-interpoleerimine võib mõne komplementaarvärvi vahel tunduda tumedam või mudasem.
- Sujuv välimus ei taga automaatselt värvipimedusele kohandatud ligipääsetavust.
- See generaator loob ühtlaselt paigutatud RGB-värve; see ei väida tajulist ühtlust.
Korduma kippuvad küsimused
Miks võib keskpunkt tunduda hall või mudane?
Vastandlike RGB-kanalite keskmine võib kalduda neutraalse värvi poole. Lisa vajadusel sobiv vahevärv mitmeastmelises CSS-i töövoos, kui visuaalne elavus on oluline.
Mitu värvi peaksin genereerima?
Kasuta väikseimat arvu, mis vastab vajalikele eristatavatele olekutele või andmevahemikele; pidevate taustade jaoks võib kasutada rohkem samme.
Arv sisaldab mõlemat lõppvärvi ja on vaikimisi 10. Murdosa kärbitakse ning arv piiratakse vahemikku 2–100. Paneelid pakuvad HEX-, RGB-, HSV- ja HSL-sisestust, kuid interpoleerimine kasutab alati kodeeritud RGB-kanaleid, ümardades täisarvudeks. Eelvaate suund on fikseeritud 90°. Lisapunkte, alfat ega värviruumi valikut ei ole. Väljundis on üks HEX rea kohta, mitte CSS-kood ega allalaaditav pilt.
Töötlemine toimub kohalikult teie brauseris.