CColorWell
Lortu ColorWell
Paleta + irisgarritasun tresnak

Paleta ederak. Kontraste egiaztatua. Fluxu de lan bakarra.

Jarri marka-kolorea. Lortu paleta harmonizatu bat, WCAG ebazpen guztiak eta CSS, Tailwind eta Figmarako esportazioak — orria utzi gabe.

Planak $5/hilabeteak — bertan behera utzi noiznahes

Zuzenean — hemen funtzionatzen du

Sortu paleta bat

Aukeratu marka-kolore bat. ColorWell-ek gainerakoa sortzen du.

Analogikoa

Tonuak (argia → iluna)

Esportatu

Deskargatu diseinu-tokenak

Pro

Gorde paleta osoa eta tonuen eskala fitxategi erabilgarri gisa.

Eguneratu Pro bertsiora fitxategiak deskargatzeko

Kontrastearen egiaztapena

Konbinatu paletako bi kolore. ColorWell-ek WCAG ebazpena erakusten du.

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

Ebazpena: Huts egiten du WCAG arauan

Marka-paleta batek behar duen guztia

Eguneroko interfazeak garbitzen dituzten diseinatzaile eta front-end taldeentzat egina.

Paleta harmonizatuak

Hautatu hex kolore bat. ColorWell-k eskema analogikoak, osagarriak, triadikoak eta monokromatikoak sortzen ditu klik bakarrarekin.

WCAG kontrastea — berehala

Zure paletako kolore-bikote bakoitzak AA/AAA ebazpena jasotzen du testu, testu handi eta UI osagaientzat.

CSS, Tailwind eta Figma esportazioak

Esportatu klik bakarrarekin CSS aldagaietara, Tailwind konfiguraziora, JSON token gordinetara edo Figma estiloak itsasteko.

Markarako bertsio seguruak

Argitu, ilundu eta ase kolorea tonua aldatu gabe. ColorWell espazio koloriko pertzeptualean (Oklch) mantentzen da.

Token izendatuak

"indigo-500" edo "slate-700" bezalako izen automatikoek zure stylesheet-a irakurgarria izatea lortzen dute, ez hex kodeak.

Gorde eta sinkronizatu paletak

Sortzen duzun paleta bakoitza zurea da — izena jarri, etiketatu eta itzuli geroago. Sinkronizazioa hodeian Pro-rentzat.

Hiru urrats

Hasi marka-kolore bakarrarekin. Amaitu stylesheet funtzional batekin.

1

Hautatu

Jarri hex balio bat edo erabili kolore-hautatzailea.

2

Sortu

ColorWell-k paleta harmonizatuak sortzen ditu eta kontraste-egiaztapen guztiak exekutatzen ditu.

3

Esportatu

Kopiatu CSS, Tailwind edo Figma tokenak — zuzenean zure codebasera.

Prezio sinpleak

Hautatu plan bat eta amaitu hex kodeekin borrokatzearekin.

Hasiberria

Diseinatzaile bakartientzat

$5/hil.
  • 100 paleta gordeta / hil.
  • Kontrastea egiaztatzeko aukera mugagabeak
  • CSS / Tailwind / JSON esportazioa
  • Markarako segurtasuneko aldaketak
Ezagunena
Pro

Marka-taldeentzat

$15/hil.
  • 2000 paleta gordeta / hil.
  • Figma token esportazioa
  • Marka kit-a (paleta anitzeko proiektuak)
  • Hodeian sinkronizatutako liburutegiak
  • Lehentasunezko laguntza

Ohiko galderak

Zerbait instalatu behar al dut?

Ez. ColorWell erabat nabigatzailean exekutatzen da — zure koloreak ez dira zure ordenagailutik ateratzen sinkronizatu nahi dituzun arte.

Zein kolore-espazio erabiltzen duzue?

ColorWell Oklch erabiltzen du atzealdean — aldaketak espazio perzeptiboaren barruan mantentzen dira, marka-kolorea argitzeak ez dezan tonua aldatzeko.

Nola funtzionatzen dute esportazioek?

Klik bakarrean kopiatu arbelera CSS aldagaiak, Tailwind konfigurazio-blokeak, JSON gordina edo Figmarako prest dauden estiloak. Itsatsi zuzenean zure kodera edo diseinu-tresnara.

Proba dohurik badut?

Ez — hau ordaindutako tresna bat da, $5 hilabeteko planekin. Starter $5/hilabeteko da eta Pro $15/hilabeteko; edozein unetan bertan behera utz dezakezu.

Nola ezeztatu dezaket?

Kontu-orritik, edo guri helaraziz. Ezeztapenak hurrengo berritzea geldiarazten du — geratzen den denbora erabilgarri jarraitzen du.

Utzi hex kodeak eskuz doitzen.

Sortu paleta, bidali estilo-orria — dena leku berean.

Ikusi planak