Online Renk Seçici
Bu online renk seçiciyi kullanarak yüklediğiniz bir görselden renk seçebilir, tarayıcınız destekliyorsa ekrandan renk alabilir veya renk değerini manuel olarak girebilirsiniz. Seçili rengi dönüştürün, görselden renk paleti çıkarın, uyumlu renkler oluşturun, metin kontrastını kontrol edin ve sayfa değiştirmeden CSS değişkenlerini kopyalayın.
1. Görselden Renk Seçme
Yerel bir görsel seçin, pikselleri önizlemek için görselin üzerinde gezinin, ardından renk seçmek için tıklayın. Tıkladıktan sonra seçili pikseli ok tuşlarıyla hassas şekilde ayarlayabilirsiniz.
Henüz görsel seçilmedi. Renk seçmeye başlamak için yukarıdan bir görsel seçin.
Görsel paleti
Uygulamak için bir renge tıklayın
Ana renkleri çıkarmak için bir görsel yükleyin.
Renk Seçmenin Diğer Yolları
2. Ekrandan Renk Seçme
Tarayıcınız destekliyorsa yerleşik ekran renk seçicisini kullanın. Tarayıcının yerel seçiciyi açması kısa bir süre alabilir.
3. Rengi Manuel Girin
#2563EB veya #2563EBFF gibi HEX ya da HEXA değeri girin.
Palet
Uygulamak için bir renge tıklayın
Uyumlu renkler
Açık ve koyu tonlar
Geçerli renk
#2563EB
Sonuç
Arayüzde Kullan
Metin kontrastı ve CSS
Metin kontrastı ve arayüz renk çifti
CSS değişkenleri
StarryTool Gizlilik Bildirimi: StarryTool olarak gizliliğinize büyük önem veriyoruz. Bu sayfadaki tüm veri işleme işlemleri, istemci tarafı JavaScript aracılığıyla cihazınızda gerçekleştirilerek veri güvenliğini sağlar. Gönderilen veya oluşturulan hiçbir veriyi kaydetmez ya da saklamayız. Web sitemizdeki gizlilik uygulamaları hakkında daha fazla bilgi için lütfen Gizlilik Politikamızı inceleyin.
Online Renk Seçici Hakkında
Bu online renk seçici ile yüklediğiniz bir görselden renk seçebilir, tarayıcınız destekliyorsa ekrandan renk alabilir veya renk değerini manuel olarak girebilirsiniz. Seçili renk anında HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV ve CMYK gibi yaygın formatlara dönüştürülür; böylece ihtiyacınız olan renk değerini sayfa değiştirmeden kopyalayabilirsiniz.• Özellikler
Görselden Renk Seçme: Yerel bir görsel seçin ve yakın pikselleri önizlemek için görselin üzerinde gezinin. Geçerli rengi seçmek için görsele tıklayın. Görselden Palet Çıkarma: Bir görsel yükledikten sonra araç, ana renklerden oluşan kompakt bir palet çıkarır. Bu renkleri kopyalayabilir veya geçerli renk olarak uygulayabilirsiniz. Piksel Düzeyinde Ayarlama: Görselden bir renk seçtikten sonra, seçili piksel konumunu daha hassas ayarlamak için ok tuşlarını kullanabilirsiniz. Ekrandan Renk Seçme: Tarayıcınız destekliyorsa, ekrandan renk seçmek için tarayıcının ekran renk seçicisini kullanabilirsiniz. Manuel Renk Girişi: Renk seçiciyle ya da #2563EB veya #2563EBFF gibi HEX / HEXA değerleriyle rengi manuel olarak girebilirsiniz. Birden Fazla Renk Formatı: Seçili rengi HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV ve CMYK formatlarına dönüştürün. Uyumlu Renkler: Geçerli renkten tamamlayıcı, benzer, üçlü uyum, yumuşak açık ton ve sönük ton seçenekleri oluşturun. Açık ve Koyu Tonlar: Arka planlar, kenarlıklar, hover durumları, rozetler ve arayüz bileşenleri için kullanılabilecek pratik bir açıktan koyuya renk ölçeği oluşturun. Metin Kontrastı ve Arayüz Renk Çifti: Beyaz ve siyah metni WCAG kontrastına göre karşılaştırın, APCA tarzı algısal bir referans görün ve yüksek doygunluklu bir rengin daha koyu ya da daha açık arka plana ihtiyaç duyduğu durumlarda daha rahat bir arayüz çifti önerisi alın. CSS Değişkenleri: Geçerli renk, açık ve koyu varyantlar, okunabilir metin rengi ve önerilen arayüz arka planı/metin çifti için kullanıma hazır CSS değişkenlerini kopyalayın. Tarayıcı Tabanlı İşleme: Görsel okuma, renk seçme, palet çıkarma ve renk dönüştürme işlemleri ayrı bir uygulama kurmadan doğrudan tarayıcınızda gerçekleştirilir.• Notlar
Ekran renk seçici tarayıcı desteğine bağlıdır. Ekrandan renk seçmeyi desteklemeyen tarayıcılarda görselden renk seçme veya manuel giriş yöntemlerini kullanmaya devam edebilirsiniz. Görselden renk seçerken görsel sayfaya sığacak şekilde ölçeklenebilir, ancak örneklenen renk orijinal görseldeki piksel konumuna göre eşleştirilir. Metin kontrastı seçili düz renge göre hesaplanır. Metin gradyanlar, fotoğraflar, saydamlık veya dokulu arka planlar üzerinde kullanılıyorsa son tasarımı görsel olarak da test edin. APCA tarzı değer, WCAG kontrastının yanında algısal bir referans olarak sunulur. Bu sayfadaki geçme/kalma erişilebilirlik kontrolü için WCAG kontrastı esas alınır. Arayüzlerde, belgelerde, görsellerde veya basılı materyallerde kullanılan renklerin son görünümü ekran ayarlarına, renk profillerine, dosya formatlarına ve çıktı cihazlarına göre değişebilir. :wiki_link