Renk Araçları
Projeleriniz için renk paletleri oluşturun, analiz edin ve dışa aktarın.
Renk Seçici
Görüntü üzerinde herhangi bir noktaya tıklayarak rengi alın ve HEX, RGB, HSL veya CMYK kodunu anında kopyalayın. Örnekleri önizleyip paletinize kaydedin.
Renkleri Çıkar
Bir görüntü yükleyerek ana renklerini çıkarın ve HEX ile RGB kodlu kullanıma hazır bir palet oluşturun. Her tonu önizleyin ve tasarımınız için dışa aktarın.
Palet Oluşturucu
Herhangi bir fotoğraf veya görüntüden HEX ve RGB kodlarıyla uyumlu bir renk paleti oluşturun. Her tonu ayarlayın ve tasarım projeniz için CSS olarak dışa aktarın.
Baskın Renkler
Bir görüntüyü analiz ederek en baskın renkleri yüzde oranları ve HEX kodlarıyla bulun. Ana renklerden dengeli bir palet kurun ve sonucu tasarımınıza aktarın.
Benzer Renkler
Bir renk girerek ona benzeyen ve yakın olan HEX ve RGB tonlarını bulun. Açık ve koyu varyasyonları keşfedin ve tarayıcıda uyumlu bir renk paleti kurun.
Renk Dönüştür
Renk değerlerini HEX, RGB, HSL, CMYK, OKLCH ve LAB arasında anında dönüştürün. Tek bir kod yapıştırın ve tüm diğer formatları canlı önizlemeyle elde edin.
Renk Kontrastı
Metin ve arka plan arasındaki kontrast oranını WCAG AA ve AAA erişilebilirlik için test edin. HEX renk çiftlerini herkesin okuyabileceği kadar ayarlayın.
Paleti Dışa Aktar
Renk paletinizi kullanıma hazır CSS, SCSS, JSON ve ASE formatlarında dışa aktarın. HEX ve RGB değişkenlerini Tailwind, Figma veya seçtiğiniz editöre kopyalayın.
Renk Önizleme
Renklerinizin ve HEX kombinasyonlarınızın düğme, kart ve metinde nasıl göründüğünü görselleştirin. Uygulamadan önce paleti canlı önizlemeyle ayarlayın.
Renkleri İndir
Renk paletinizi her HEX kodunu gösteren düzenli bir PNG görüntü olarak indirin. Örnekleri ekibiniz veya müşterinizle paylaşın ve renk referanslarını saklayın.
Renkleri Paylaş
Renk paletinizi her HEX ve RGB kodunu gösteren benzersiz bir bağlantıyla paylaşın. İncelemeleri için iş arkadaşlarınıza veya müşterilerinize hızlıca gönderin.
Renk Harmonileri
Renk çarkından tamamlayıcı, üçlü, analog ve dörtlü harmonileri keşfedin. HEX ve RGB kodlarıyla dengeli bir palet kurun ve tasarım projeniz için dışa aktarın.
CSS Gradyan
Birden çok renk durağı ve özel açıyla doğrusal ve radyal CSS gradyanları tasarlayın. Her HEX tonunu ayarlayın ve arka plan CSS kodunu projenize kopyalayın.
Mesh Gradyan
Web arka planları için pürüzsüz ve modern çok renkli mesh gradyanları oluşturun. Her HEX renk durağını ayarlayın ve hazır CSS kodunu projenize kopyalayın.
Animasyonlu Gradyan
Saf CSS keyframes kullanarak akıcı animasyonlu bir gradyan arka plan tasarlayın. HEX renklerini, yönü ve hızı ayarlayın ve animasyon kodunu sitenize kopyalayın.
Renk Körlüğü Simülatörü
Paletinizin protanopi, döteranopi ve tritanopi olan kişilerde nasıl göründüğünü simüle edin. HEX renklerinin ayırt edilebilir ve kapsayıcı kalmasını sağlayın.
Metin Okunabilirliği
Metninizin farklı renk arka planları üzerindeki okunabilirliğini WCAG kontrast oranıyla test edin. HEX çiftlerini her ekranda rahat okunana dek ayarlayın.
WCAG Analizörü
Tüm renk paletinizi WCAG AA ve AAA erişilebilirlik uyumluluğu için analiz edin. Her HEX çiftinin kontrast oranını görün ve başarısız olanları kolayca düzeltin.
Glassmorphism
Bulanık arka plan, şeffaflık ve blur ile şık bir glassmorphism efekti tasarlayın. HEX rengini ve yoğunluğu ayarlayın ve hazır CSS kodunu arayüzünüze kopyalayın.
Neumorfizm
Düğme ve kartlarda çift açık ve koyu gölgeyle yumuşak bir neumorfik efekt oluşturun. HEX rengini ve gölge mesafesini ayarlayın ve CSS kodunu UI için kopyalayın.
Renkli Gölgeler
Düğme, kart ve görseller için yumuşak renkli CSS gölgeleri tasarlayın. HEX rengini, blur ve gölge mesafesini ayarlayın ve hazır box-shadow kodunu projenize alın.
Duotone Efekt
Fotoğrafa cesur bir stil vermek için iki renkle duotone efekti uygulayın. Vurgu ve gölge HEX renklerini ayarlayın ve sonuç görüntüyü tasarımınız için indirin.
Görüntü Renk Filtresi
Fotoğrafın atmosferini değiştirmek için renk filtreleri, tonlar ve ayarlar uygulayın. Yoğunluğu ve HEX rengini ayarlayın ve sonuç görüntüyü projeniz için indirin.
Renk İlham Panosu
Renkleri, tonları ve ilhamı projeniz için görsel bir ilham panosunda toplayın. Her HEX örneğini düzenleyin, uyumlu bir palet kurun ve ekibinizle paylaşın.
Renk Karıştırıcı
İki veya daha fazla rengi karıştırarak HEX kodlu yeni ara tonlar üretin. Karışım oranını ayarlayın ve sonucu tarayıcıda canlı olarak anında önizleyin.
Tints & Shades
Herhangi bir temel renkten açık ve koyu tints ve shades dizisi üretin. Tutarlı bir renk ölçeği kurmak için her adımın HEX kodunu alın ve UI için kullanın.
Rastgele Palet
Tıkandığınızda tasarım fikirlerini tetiklemek için taze renk paletleri üretin. Sevdiğiniz tonları kilitleyin, kalanı karıştırın ve HEX kodlarını kopyalayın.
Anahtar Kelimeden Palet
Bir anahtar kelime veya ruh hali yazın ve onu uyumlu temalı bir renk paletine dönüştürün. Her tonun HEX ve RGB kodunu alın ve tasarımınız için CSS olarak aktarın.
Tailwind Paleti
Marka renginiz için 50'den 950'ye kadar tam Tailwind CSS renk ölçeği üretin. HEX değerleriyle yapıştırmaya hazır yapılandırmayı config dosyanıza kopyalayın.
CSS Değişkenleri
Renk paletinizi temiz CSS custom properties olarak dışa aktarın. Yapıştırmaya hazır HEX değişkenlerini site temanız için root stylesheet'e kopyalayın.
shadcn/ui Teması
Açık ve koyu mod için HSL renk değişkenleriyle tam bir shadcn/ui teması üretin. Yapıştırmaya hazır CSS yapılandırmasını Next.js veya React projenize kopyalayın.
SCSS Değişkenleri
Paletinizi proje stylesheet'iniz için temiz SCSS ve Sass değişkenlerine dönüştürün. Yapıştırmaya hazır HEX değerlerini alın ve marka renklerinizi tutarlı yönetin.
Renk Sıcaklığı
İstediğiniz atmosferi yakalamak için her rengin sıcaklığını analiz ederek sıcak ve soğuk ton dengesini anlayın. HEX paletini hedef his için ince ayarlayın.
Renk Ruh Hali
Doğru paleti seçmek için her rengin ardındaki duygu ve psikolojiyi anlayın. HEX tonlarının anlamını keşfedin ve markanız için güçlü bir görsel kimlik kurun.
Marka Renkleri
Katalogda bir marka arayın, kayıtlı renklerini görüntüleyin ve mevcut HEX kodlarını hızlıca kopyalayın.
Renk Trendleri
Tasarımlarınızı taze tutmak için trend olan renkleri ve paletleri keşfedin. Her popüler tonun HEX kodunu alın ve marka ya da web projelerinize uygulayın.
Gradyan Haritası
Fotoğrafın açık ve koyu tonlarını seçtiğiniz renk geçişine eşlemek için bir gradyan haritası uygulayın. HEX renk duraklarını ayarlayın ve sonuç görüntüyü indirin.
Renk Katmanı
Atmosferi birleştirmek için fotoğrafın üstüne şeffaf bir renk katmanı ekleyin. HEX rengini, karışım modunu ve opaklığı ayarlayın ve sonuç görüntüyü indirin.
Monokromatik Palet
Herhangi bir temel tondan zarif bir monokromatik renk şeması kurun. Her açık ve koyu varyasyonun HEX kodunu alın ve UI ya da markanız için dışa aktarın.
Tamamlayıcı Şema
Renk çarkında zıt renk çiftleriyle tamamlayıcı bir şema oluşturun. Öne çıkan bir tasarım için kontrastlı ve dengeli her tonun HEX ve RGB kodunu anında alın.
UI Önizleme
Renk paletinizi düğme, kart ve form gibi gerçek UI bileşenlerine uygulayın. Ürününüze uygulamadan önce açık ve koyu temayı canlı olarak önizleyin kolayca.
Sosyal Önizleme
Renklerinizin sosyal medya gönderilerinde ve profillerinde nasıl göründüğünü görün. Yayınlamadan önce akışta dikkat çekmesi için HEX paletini ince ayarlayın.