CSS Gradient Generator

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.

Töötatud näide

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 tajutavat ü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.