CColorWell
Hanki ColorWell
Paletti- ja saavutettavuustyökalupaketti

Kauniit paletit. Varmistettu kontrasti. Yksi työnkulku.

Syötä brändiväri. Saat harmonisoidun paletin, jokaisen WCAG-arvion sekä viennit CSS-, Tailwind- ja Figma-muotoon – poistumatta sivulta.

Paketit alkaen $5/kk — peruuta milloin tahansa

Live — toimii tässä ja nyt

Luo paletti

Valitse brändiväri. ColorWell hoitaa loput.

Analoginen

Sävyt (vaalea → tumma)

Vie

Lataa design-tunnisteet

Pro

Tallenna koko paletti ja sävytikku valmiina tiedostoina.

Päivitä Pro-tasolle tiedostojen lataamiseksi

Kontrastitarkistus

Yhdistä minkä tahansa kaksi väriä paletista. ColorWell näyttää WCAG-arvion.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Suhde

Arvio: Ei täytä WCAG-vaatimuksia

Kaikki, mitä brändipaletti tarvitsee

Suunniteltu aktiivisesti työskenteleville suunnittelijoille ja frontend-tiimeille, jotka julkaisevat käyttöliittymiä päivittäin.

Harmonisoidut paletit

Valitse mikä tahansa hex-väri. ColorWell luo analogisia, komplementaarisia, triadisia ja monokromaattisia sävyjä yhdellä klikkauksella.

WCAG-kontrasti – heti

Jokainen paletin väripari saa AA/AAA-arvion tekstille, suurelle tekstille ja UI-komponenteille.

CSS-, Tailwind- ja Figma-viennit

Yhden klikkauksen vienti CSS-muuttujiin, Tailwind-konfiguraatioon, raakoihin JSON-tokeneihin tai valmiisiin Figma-tyyleihin.

Bränditurvatut variaatiot

Vaalista, tummenta ja kyllästä sävyn karkaamatta. ColorWell pysyy havaintopohjaisessa väriavaruudessa (Oklch).

Nimettyjen tokenien hallinta

Automaattiset nimet kuten "indigo-500" tai "slate-700" pitävät tyylisivun luettavana ihmisille, ei vain hex-koodeina.

Tallenna ja synkronoi paletit

Jokainen luomasi paletti on sinun – nimeä se, lisää tunnisteita ja palaa siihen myöhemmin. Pilvisynkronointi Pro-versiossa.

Kolme vaihetta

Aloita yhdestä brändiväristä. Lopeta toimivaan tyylisivuun.

1

Valitse

Syötä hex-arvo tai käytä värivalitsinta.

2

Luo

ColorWell luo harmonisoidut paletit ja suorittaa kaikki kontrastitarkistukset.

3

Vie

Kopioi CSS-, Tailwind- tai Figma-tokenit suoraan koodikantaasi.

Selkeät hinnat

Valitse paketti ja lopeta hex-koodien kanssa taistelu.

Starter

Yksityishenkilöille

$5/kk
  • 100 tallennettua palettia / kk
  • Rajoittamattomat kontrastitarkistukset
  • CSS / Tailwind / JSON -vientit
  • Bränditurvalliset variaatiot
Suosituin
Pro

Bränditiimeille

$15/kk
  • 2000 tallennettua palettia / kk
  • Figma-token-vienti
  • Brändipaketti (monipalettiset projektit)
  • Pilvisynkronoidut kirjastot
  • Prioriteettituki

Usein kysyttyä

Tarvitseeko asentaa mitään?

Ei. ColorWell toimii kokonaan selaimessa – värisi pysyvät koneellasi, kunnes synkronoit ne.

Mitä väriavaruutta käytätte?

ColorWell käyttää Oklch-väriavaruutta – variaatiot pysyvät havaintopohjaisessa väriavaruudessa, joten brändivärin vaalentaminen ei muuta sen sävyä.

Miten viennit toimivat?

Yhden klikkauksen kopiointi leikepöydälle CSS-muuttujina, Tailwind-konfiguraatioina, raakana JSON-muodossa tai Figma-valmiina tyyleinä. Liitä ne suoraan koodiisi tai suunnitteluohjelmaasi.

Saanko ilmaisen kokeilujakson?

Ei – tämä on maksullinen työkalu, jonka hinnat alkavat $5 kuukaudessa. Starter on $5/kk ja Pro on $15/kk; voit peruuttaa tilauksen milloin tahansa.

Miten peruutan tilauksen?

Tilisivulta tai sähköpostitse. Peruutus pysäyttää seuraavan uusimisen – jäljellä oleva aika on käytettävissä.

Lopeta heksakoodien hienosäätö.

Luo paletti, julkaise tyylisivu – kaikki yhdessä paikassa.

Katso suunnitelmat