Ana içeriğe geç
Uddatak

Renk Paleti Uyum Oluşturucu

Renk Paleti Uyum Oluşturucu, seçtiğiniz tek bir ana renkten tam bir palet oluşturmak için renk çemberi teorisini kullanır: tamamlayıcı (iki zıt renk), benzer (üç komşu renk), üçlü veya dörtlü (çember üzerinde eşit aralıklı renkler), bölünmüş tamamlayıcı veya tek renkli (aynı tonun farklı açıklık seviyeleri). Ayrıca tek tıkla rastgele bir ana renk oluşturabilir, her hex kodunu ayrı ayrı veya tüm paleti tek seferde kopyalayabilirsiniz. Tüm hesaplamalar tarayıcınızda anında gerçekleşir — hiçbir şey sunucuya gönderilmez.

Tasarım ve CSS Araçları Tamamen tarayıcınızda çalışır

Renkler tamamen tarayıcınızda oluşturulur — hiçbir şey sunucuya gönderilmez.

#6467f2
#f2ef64

Sıkça Sorulan Sorular

Her tür renkleri renk çemberinde farklı şekilde dağıtır: tamamlayıcı, güçlü kontrast için tamamen zıt bir renk seçer, benzer ise sakin ve tutarlı bir görünüm için komşu renkler seçer; üçlü ve dörtlü ise dengeli çeşitlilik için renkleri eşit şekilde dağıtır.

Bununla devam edin

Tamamen yerel

Renk Paleti Çıkarıcı

Herhangi bir görselden en baskın renkleri HEX, RGB ve CSS kodlarıyla çıkarın

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

Renk Dönüştürücü

Bir rengi HEX, RGB, ve HSL formatları arasında anında dönüştürün.

Geliştirici AraçlarıAracı aç
Tamamen yerel

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

İlgili araçlar

Tamamen yerel

Mesh Gradyan Oluşturucu

Tek tıkla yumuşak, çok noktalı bir mesh gradyan arka planı oluşturun ve kullanıma hazır CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

Renk Kontrastı Denetleyici

Bir metin/arka plan renk çiftinin WCAG erişilebilirlik kontrast standartlarını karşılayıp karşılamadığını kontrol edin.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

CSS Gradyan Oluşturucu

Görsel olarak doğrusal veya radyal bir CSS gradyanı oluşturun ve kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

CSS Box-Shadow Oluşturucu

Kaydırıcılarla görsel olarak bir CSS box-shadow tasarlayın ve oluşturulan kodu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç
Tamamen yerel

CSS Border-Radius Oluşturucu

Yuvarlatılmış köşeleri görsel olarak tasarlayın — asimetrik şekiller dahil — ve CSS kodunu kopyalayın.

Tasarım ve CSS AraçlarıAracı aç

Uddatak'i denemeye hazır mısınız?

Tüm araç kütüphanesine göz atın ve ihtiyacınız olanı hemen şimdi kullanmaya başlayın — ücretsiz, kayıt gerekmez.

Tüm araçlara göz atın