CColorWell
ColorWell beszerzése
Paletta + a11y eszközkészlet

Szép paletták. Ellenőrzött kontraszt. Egy munkafolyamat.

Add meg a márkaszínt. Kapj harmonizált palettát, minden WCAG értékeléssel, valamint CSS, Tailwind és Figma exportokat – oldal elhagyása nélkül.

Csomagok $5/hótól – bármikor lemondható

Élő – itt működik

Paletta generálása

Válassz egy márkaszínt. A ColorWell elkészíti a többit.

Analóg

Árnyalatok (világos → sötét)

Exportálás

Design tokenek letöltése

Pro

Mentse el a teljes palettát és az árnyalatlétrát használatra kész fájlként.

Frissítés Pro-ra a fájlok letöltéséhez

Kontrasztellenőrzés

Válasszon ki két színt a palettából. A ColorWell megjeleníti a WCAG eredményt.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Arány

Eredmény: Nem felel meg a WCAG-nak

Minden, amire egy márkapalettának szüksége van

Aktív designerek és napi szinten felületeket fejlesztő frontend csapatok számára.

Harmonizált paletták

Válassz bármely hex színt. A ColorWell analóg, komplementer, triadikus és monokromatikus sémákat hoz létre egy kattintással.

WCAG kontraszt – azonnal

A paletta minden szín párja AA/AAA értékelést kap szövegre, nagy szövegre és UI komponensekre.

CSS, Tailwind, Figma exportok

Egykattintásos export CSS változókba, Tailwind konfigurációba, nyers JSON tokenekbe vagy beilleszthető Figma stílusokba.

Márkabiztos variációk

Világosítás, sötétítés és telítettség növelése árnyalateltolódás nélkül. A ColorWell a perceptuális színtéren belül marad (Oklch).

Elnevezett tokenek

Az olyan automatikus nevek, mint az "indigo-500" vagy "slate-700", emberi szem számára is olvashatóvá teszik a stíluslapot, nem csak hex kódokként.

Paletták mentése és szinkronizálása

Minden elkészített paletta a tiéd – nevezd el, címkézd fel, térj vissza később. Cloud szinkronizálás Pro csomaggal.

Három lépés

Kezdj egyetlen márkaszínnel. Fejezd be egy működő stíluslappal.

1

Válassz

Adj meg egy hex értéket vagy használd a színválasztót.

2

Generálás

A ColorWell harmonizált palettákat készít és elvégzi minden kontrasztellenőrzést.

3

Export

Másold a CSS, Tailwind vagy Figma tokeneket – közvetlenül a kódbázisodba.

Egyszerű árazás

Válassz csomagot és hagyd abba a hex kódokkal való küzdelmet.

Starter

Egyéni tervezőknek

$5/hó
  • 100 mentett paletta / hó
  • Korlátlan kontrasztellenőrzés
  • CSS / Tailwind / JSON export
  • Márkabiztos variációk
Legnépszerűbb
Pro

Márkacsapatoknak

$15/hó
  • 2000 mentett paletta / hó
  • Figma token export
  • Márkakészlet (többpalettás projektek)
  • Felhőszinkronizált könyvtárak
  • Prioritásos támogatás

Gyakori kérdések

Telepítenem kell valamit?

Nem. A ColorWell teljesen böngészőben fut – a színeid csak akkor hagyják el a gépedet, ha szinkronizálod őket.

Milyen színteret használtok?

A ColorWell Oklch színteret használ a háttérben – a variációk a perceptuális színtéren belül maradnak, így a márkaszín világosítása nem változtatja meg az árnyalatát.

Hogyan működik az exportálás?

Egy kattintással másolható a vágólapra CSS-változók, Tailwind konfigurációs blokkok, nyers JSON vagy Figma-kész stílusok formájában. Illeszd be közvetlenül a kódodba vagy tervezőeszközödbe.

Van ingyenes próbaverzió?

Nem – ez egy fizetős eszköz, havi $5-tól kezdődő csomagokkal. A Starter $5/hó, a Pro pedig $15/hó; bármikor lemondhatod.

Hogyan mondhatom le?

A fiókoldalon vagy e-mailben. A lemondás a következő megújítást állítja le – a fennmaradó időt továbbra is használhatod.

Ne állítsd kézzel a hex kódokat.

Generáld a palettát, küldd el a stíluslapot – minden egy helyen.

Csomagok megtekintése