Ana içeriğe geç
Uddatak

Renk Paleti Çıkarıcı

Renk Paleti Çıkarıcı, yüklediğiniz herhangi bir görseli analiz eder ve en baskın renklerini otomatik olarak çıkarır, her rengin HEX ve RGB kodunu görseldeki yaklaşık payıyla birlikte gösterir. Herhangi bir rengi tek tıkla kopyalayın, veya tüm paleti bir kerede kullanıma hazır CSS özel özellikleri olarak kopyalayın. Bir ürün fotoğrafından, logodan veya beğendiğiniz bir tasarım görüntüsünden renk kimliği çıkarmak için kullanışlıdır. Tüm analiz tarayıcınızda Canvas aracılığıyla gerçekleşir — görseliniz asla bir sunucuya yüklenmez.

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

Görseliniz tamamen cihazınızda Canvas aracılığıyla işlenir ve asla bir sunucuya yüklenmez.

Bir görsel yükleyin, araç otomatik olarak en baskın renklerini çıkarır, her rengin HEX ve RGB kodu ile birlikte, ve tüm renkleri tek seferde CSS özel özellikleri olarak kopyalayan bir düğme.

Bir görseli buraya sürükleyin veya bir tane seçin

JPG, PNG veya WebP

Sıkça Sorulan Sorular

Hayır — görsel tamamen tarayıcınızda Canvas aracılığıyla analiz edilir; hiçbir sunucuya yüklenmez.

Bununla devam edin

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

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

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

Renk Paleti Uyum Oluşturucu

Bir ana renk seçin ve uyumlu bir renk paleti elde edin (tamamlayıcı, benzer, üçlü, dörtlü, tek renkli).

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

İlgili araçlar

Tamamen yerel

Kod Ekran Görüntüsü Oluşturucu

Kod yapıştırın ve gradyan arka plan ile başlık çubuğuna sahip, paylaşıma hazır cilalı bir görsele dönüştürün

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

Renk Körlüğü Simülatörü

Görselinizin renk körlüğü olan biri için nasıl göründüğünü görün (protanopi, deuteranopi, tritanopi veya akromatopsi)

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

CSS Clip-Path Oluşturucu

Hazır bir şekil seçin (daire, üçgen, yıldız, mesaj balonu...) ve clip-path CSS kodunu kopyalayın.

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

Cubic Bezier Hızlanma Eğrisi Oluşturucu

Özel bir hareket hızlanma eğrisi tasarlamak için iki noktayı sürükleyin ve cubic-bezier kodunu kopyalayın.

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

CSS Glassmorphism Oluşturucu

Buzlu cam kart efektini görsel olarak tasarlayın ve hazır 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