CColorWell
ColorWell'i edinin
Palet + erişilebilirlik araç seti

Şık paletler. Doğrulanmış kontrast. Tek bir iş akışı.

Bir marka rengi ekleyin. Sayfadan ayrılmadan uyumlu bir palet, tüm WCAG değerlendirmeleri ve CSS, Tailwind ile Figma için dışa aktarımlar elde edin.

Ayda $5'ten başlayan planlar — istediğiniz zaman iptal edin

Live — works right here

Palet oluştur

Bir marka rengi seçin. Gerisini ColorWell halleder.

Benzer tonlar

Tonlar (açık → koyu)

Dışa Aktar

Tasarım tokenlarını indir

Pro

Tam paleti ve ton geçişini kullanıma hazır dosyalar olarak kaydedin.

Dosyaları indirmek için Pro'ya yükseltin

Kontrast kontrolü

Paletten herhangi iki rengi eşleştirin. ColorWell WCAG kararını gösterir.

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

Karar: WCAG başarısız

Bir marka paletinin ihtiyaç duyduğu her şey

Her gün arayüz geliştiren profesyonel tasarımcılar ve ön yüz ekipleri için tasarlandı.

Uyumlu paletler

Herhangi bir hex rengi seçin. ColorWell, tek tıkla analog, tamamlayıcı, triadik ve monokromatik şemalar oluşturur.

WCAG kontrastı — anında

Paletinizdeki her renk çifti, metin, büyük metin ve arayüz bileşenlerine karşı AA/AAA değerlendirmesi alır.

CSS, Tailwind ve Figma dışa aktarımları

Tek tıkla CSS değişkenlerine, Tailwind yapılandırmasına, ham JSON jetonlarına veya yapıştırmaya hazır Figma stillerine dışa aktarın.

Markaya uygun varyasyonlar

Ton kayması yaşamadan açın, koyulaştırın ve doygunluğu artırın. ColorWell, algısal renk alanında (Oklch) kalır.

Adlandırılmış jetonlar

"indigo-500" veya "slate-700" gibi otomatik isimler, stil sayfanızı hex kodları yerine insanlar için okunabilir kılar.

Paletleri kaydet ve senkronize et

Oluşturduğunuz her palet sizindir — isimlendirin, etiketleyin ve daha sonra geri dönün. Pro için bulut senkronizasyonu.

Üç adım

Tek bir marka rengiyle başlayın. Çalışan bir stil sayfasıyla bitirin.

1

Seç

Bir hex değeri girin veya renk seçicisini kullanın.

2

Oluştur

ColorWell uyumlu paletler oluşturur ve tüm kontrast kontrollerini çalıştırır.

3

Dışa aktar

CSS, Tailwind veya Figma jetonlarını doğrudan kod tabanınıza kopyalayın.

Basit fiyatlandırma

Bir plan seçin ve hex kodlarıyla uğraşmayı bırakın.

Başlangıç

Tek başına çalışan tasarımcılar için

$5/ay
  • Ayda 100 kayıtlı palet
  • Sınırsız kontrast kontrolü
  • CSS / Tailwind / JSON dışa aktarımı
  • Markaya uygun varyasyonlar
En popüler
Pro

Marka ekipleri için

$15/ay
  • Ayda 2000 kayıtlı palet
  • Figma token dışa aktarımı
  • Marka kiti (çoklu palet projeleri)
  • Bulutla senkronize kütüphaneler
  • Öncelikli destek

Sıkça Sorulan Sorular

Herhangi bir şey yüklemem gerekiyor mu?

Hayır. ColorWell tamamen tarayıcıda çalışır — senkronize etmeyi seçene kadar renkleriniz cihazınızdan çıkmaz.

Hangi renk uzayını kullanıyorsunuz?

ColorWell arka planda Oklch kullanır — varyasyonlar algısal renk uzayı içinde kalır, böylece marka rengini açmak tonunu kaydırmaz.

Dışa aktarımlar nasıl çalışır?

CSS değişkenleri, Tailwind yapılandırma blokları, ham JSON veya Figma uyumlu stiller için tek tıkla panoya kopyalayın. Doğrudan kodunuza veya tasarım aracınıza yapıştırın.

Ücretsiz deneme sürümü var mı?

Hayır — bu, aylık $5'dan başlayan planlara sahip ücretli bir araçtır. Starter aylık $5, Pro aylık $15'tir; istediğiniz zaman iptal edebilirsiniz.

Nasıl iptal ederim?

Hesap sayfasından veya bize e-posta göndererek. İptal, sonraki yenilemeyi durdurur — kalan süreniz kullanılabilir kalır.

Hex kodlarını elle ayarlamayı bırakın.

Paleti oluşturun, stil sayfasını yayınlayın — hepsi tek yerde.

Planları gör