Renk Stüdyosu

Etkileşimli renk tekerleğinden uyumlu renk paletleri oluşturun — analogous, complementary veya triad gibi uyum kuralları uygulayın, ardından herhangi bir değeri anında kopyalayın.

Bir başlangıç rengini bitiş rengine 10 adıma kadar harmanlayın — degradeyi önizleyin, her tonu alın ve herhangi bir biçimi anında kopyalayın.

Tek bir renkten ton ve gölgelerin tam aralığını oluşturun — koyulaştırma/açma adımınızı ve ton sayısını seçin, ardından herhangi bir değeri anında kopyalayın.

Herhangi bir görüntüden rafine, kopyalamaya hazır renk paleti çıkarın.

HEX, RGB, RGBA, HSL, HSLA ve HSV arasında renk dönüştürün — bir renk seçin, alpha değerini ayarlayın ve herhangi bir biçimi anında kopyalayın.

Herhangi bir renk için en yakın CSS adlandırılmış rengini ve en yakın Tailwind tonunu bulun — algısal olarak eşleştirilmiş, kopyalamaya hazır değerlerle.

Göz damlasıyla ekranınızdaki herhangi bir pikseli örnekleyin veya bırakılan görüntüden renk seçin ve bunları kopyalamaya hazır bir palete toplayın.

Herhangi bir fotoğraftan güzel bir degrade çıkarın — görüntüyü bırakın, bir ruh hali seçin ve baskın renkler sürüklenebilir degrade duraklarına dönüşsün. Yapıştırmaya hazır CSS'yi anında kopyalayın.

Sürüklenebilir çok duraklı kontrol ve seçilmiş ön ayarlarla sıfırdan lineer, radyal ve konik CSS degradeleri oluşturun. Yapıştırmaya hazır CSS'yi anında kopyalayın.

Bir renk seti yapıştırın veya içe aktarın ve CSS değişkenleri, SCSS, Tailwind config, JSON veya SVG renk kartları olarak anında dışa aktarın — herhangi bir paletin son adımı.

Bir metin ve arka plan rengi arasındaki WCAG kontrast oranını kontrol edin — normal metin, büyük metin ve UI bileşenleri için AA/AAA geçti-kaldı notlarını canlı önizleme ve erişilebilir renk önerileriyle görün.

Görüntünüzü veya paletinizi protanopi, deuteranopi, tritanopi veya akromatopsia olan kişilerin gördüğü gibi görün — tamamen tarayıcınızda çalışır, hiçbir şey yüklenmez.