Ücretsiz Gizlilik AraçlarıRenk Seçici
Herhangi bir rengi görsel olarak seçin ve kopyalamak için anında HEX ve RGB değerlerini alın. Ücretsiz.
Nasıl Kullanılır
- Rengin tonunu görsel olarak seçmek için renk tayfında herhangi bir yere tıklayın veya seçiciyi sürükleyin.
- Parlaklık/doygunluk kaydırıcısıyla ince ayar yapın veya HEX, RGB ya da HSL alanlarına tam değerleri yazın.
- Renginizi büyük görüntülendiğini görün; tüm kodları (HEX, RGB, HSL ve CMYK) kopyalamaya hazır.
- Kopyalamak için herhangi bir koda tıklayın veya oturum için rengi paletinize kaydedin.
Sık Sorulan Sorular
Bu gerçekten ücretsiz mi?
Evet — bu sitedeki her araç %100 ücretsizdir; limitsiz, kayıtsız ve filigransızdır.
Verilerim güvende mi?
Kesinlikle. Tüm işlemler tarayıcınızda yerel olarak yapılır. Dosyalarınız asla bir sunucuya yüklenmez.
HEX, RGB ve HSL arasındaki fark nedir?
HEX (#FF5733), RGB değerlerini yazmanın kompakt yoludur — tek renk, üç kodlama. RGB (255, 87, 51) kırmızı/yeşil/mavi ışık yoğunluğunu açıklar. HSL (11°, %100, %60) ton, doygunluk ve açıklık açıklar; birçok tasarımcı bunu renk ayarlamak için daha sezgisel bulur. Bunlar birbirine dönüştürülebilir; aracınızın ihtiyaç duyduğunu seçin.
Birbirine yakışan renkleri nasıl seçerim?
Bir ana renkle başlayın, ardından yüksek kontrast için tamamlayıcısını (renk çarkında karşıt) deneyin veya uyum için benzer komşuları ya da dinamik denge için üçlü üçlüyü deneyin. Seçiciyle birlikte palet oluşturucu, seçtiğiniz renkten bu şemaları otomatik oluşturabilir.
Damlalık aracı nedir ve nasıl kullanırım?
Damlalık, ekranınızda görünen herhangi bir rengin örneğini almanızı sağlar — ona tıklayın, ardından tarayıcı penceresinde herhangi bir piksele tıklayarak o rengin tam kodlarını yakalayın. Logodan marka rengini eşleştirmek veya sevdiğiniz bir siteden ilham almak için idealdir.
Rengim başka bir ekranda neden farklı görünüyor?
Ekranlar parlaklık, kontrast ve renk kalibrasyonunda farklılık gösterir — telefonda ayarlanan bir renk ucuz bir ekranda soluk görünebilir. Önemli marka işleri için rengi birçok cihazda kontrol edin ve resmî renk profillerini göz önünde bulundurun (sRGB, web'in güvenli standardıdır).
Tasarımcı gibi renk seçmenin eksiksiz rehberi
Renk, tasarımda en hızlı duygusal sinyaldir — ziyaretçiler siteniz hakkında saniyenin bölümlerinde fikir oluşturur ve renk çoğunlukla konuşur. Ancak çoğu insan rengi belirsiz his ve umutla seçer. Bu rehber size pratik bilgi verir: renk modelleri, uyum ilkeleri, erişilebilirlik ve pratik iş akışı.
Renk modelleri, açıklamalarıyla
HEX (#3B82F6), kısaltılmış RGB'dir — kırmızı, yeşil ve mavi için altı onaltılık rakam. Bu, CSS'de web'in ortak dilidir. VeRGB (59, 130, 246) aynı verinin ondalık hâlidir; tasarım araçlarında ve palet kodunda kullanılır. VeHSL (217°, %91, %60) rengi ton (çark üzerindeki konum), doygunluk (yoğunluk) ve açıklık olarak yeniden açıklar — insanlar için çok daha kolay: “biraz koyulaştırın” yalnızca açıklığı azaltmaktır. VeCMYK baskı içindir, ekranlar için değil — bir şeyi yazıcıya göndermiyorsanız onu yoksayın. Özgürce dönüştürün; renk aynıdır, yalnızca kodlama değişir.
Uyum: birbirine yakışan renkler
Renk çarkı sizin kopya kâğıdınızdır. Tamamlayıcı çiftler (karşıt: mavi/turuncu) en yüksek enerji ve kontrastı oluşturur — harekete geçirici düğmeler için idealdir. Ve Benzer gruplar (komşu: mavi/turkuaz/yeşil) sakin ve uyumlu görünür — arka planlar için idealdir. Ve Üçlü (eşit aralıklı: kırmızı/sarı/mavi) oyuncu ve cesur görünür. Ve Tek renk şemaları (tek ton, farklı açıklık) çabasız şık görünür. Ve başparmak kuralı: bir baskın renk, bir yardımcı renk ve bir vurgu seçin — sonra durun. Çoğu çirkin palet yanlış renklerden değil, çok fazla renkten başarısız olur.
60-30-10 kuralı
İç mekân tasarımcıları bunu böler ve ekranlarda da işe yarar: %60 baskın renk (arka planlar), %30 ikincil (bölümler ve kartlar), %10 vurgu (düğmeler, bağlantılar, vurgular). Bu denge, hangi tonları seçerseniz seçin sağlanır.
Erişilebilirlik isteğe bağlı değildir
Neredeyse her 12 erkekten 1'i bir tür renk görme eksikliği yaşar. Anlamı asla yalnızca renkle iletmeyin — onu etiketler, simgeler veya desenlerle eşleştirin. Metin için kontrast oranlarını kontrol edin (WCAG'ye göre gövde metni için en az 4,5:1); kontrast denetleyicimiz bunu tek tıklamayla kontrol eder. Ve açık arka planlarda koyu metin, şimdiye kadar test edilmiş en okunabilir birleşim olmaya devam ediyor.
İş akışı ipuçları
Damlalıkla gerçek ilham örnekleri alın — marka logoları, fotoğraflar, film posterleri. Küçük bir palet (3–5 renk) oluşturun ve anında görsel tutarlılık için onu her yerde yeniden kullanın. Renklerinize notlarınızda ad verin (“marka mavisi” ve “uyarı kırmızısı”); böylece tüm ekip aynı değerleri kullanır. Ve şüpheniz varsa doğadan çalın: gün batımları, ormanlar ve denizler milyonlarca yılda paletleri mükemmelleştirdi.