#2D2D2D Gece Kömürü

    Renk kodları, varyasyonlar, uyumlar oluştur ve kontrast oranlarını kontrol et.

    Renk Dönüşümü

    HEX

    #2d2d2d

    HEX
    #2d2d2d
    HSL
    0, 0, 18
    RGB
    45, 45, 45
    XYZ
    2, 3, 3
    CMYK
    0, 0, 0, 82
    LUV
    18,3,1
    LAB
    18, 0, 0
    HWB
    0, 18, 82

    Varyasyonlar

    Bu bölümün amacı, seçtiğiniz rengin %10'luk artışlarla doğru bir şekilde tonlarını (saf beyaz eklenmiş) ve gölgelerini (saf siyah eklenmiş) üretmektir.

    Uzman İpucu: Hover durumları ve gölgeler için gölgeleri, vurgular ve arka planlar için tonları kullanın.

    Gölgeler

    Ana renginize siyah eklenerek oluşturulan daha koyu varyasyonlar.

    Tonlar

    Ana renginize beyaz eklenerek oluşturulan daha açık varyasyonlar.

    Yaygın Kullanım Alanları

    • UI bileşen durumları (hover, aktif, devre dışı)
    • Gölgeler ve vurgularla derinlik yaratma
    • Tutarlı renk sistemleri oluşturma

    Tasarım Sistemi İpucu

    Bu varyasyonlar, uyumlu bir renk paletinin temelini oluşturur. Tüm projenizde tutarlılığı sağlamak için bunları dışa aktarın.

    Renk Kombinasyonları

    Her uyumun kendi havası vardır. İyi çalışan renk kombinasyonları oluşturmak için uyumları kullanın.

    Nasıl Kullanılır

    Herhangi bir renge tıklayarak hex değerini kopyalayın. Bu kombinasyonlar, görsel uyum yaratmak için matematiksel olarak kanıtlanmıştır.

    Neden Önemlidir

    Renk uyumları, tasarımlarınızda denge yaratır ve belirli duyguları uyandırır.

    Tamamlayıcı

    Bir renk ve renk çarkındaki karşıtı, +180 derece ton farkı. Yüksek kontrast.

    #2d2d2d
    En iyi kullanım alanı: Yüksek etkili tasarımlar, CTA'lar, logolar

    Bölünmüş tamamlayıcı

    Bir renk ve tamamlayıcısına bitişik iki renk, ana rengin karşısındaki değerden +/-30 derece ton farkı. Düz bir tamamlayıcı gibi cesur, ama daha esnek.

    En iyi kullanım alanı: Canlı ama dengeli düzenler

    Üçlü

    Renk çarkında eşit aralıklarla yer alan üç renk, her biri 120 derece ton farkı. Bir rengin baskın olmasına izin ver ve diğerlerini vurgu olarak kullan.

    En iyi kullanım alanı: Eğlenceli, enerjik tasarımlar

    Benzer

    Aynı parlaklık ve doygunluğa sahip, renk çarkında bitişik olan üç renk, 30 derece aralıkla. Yumuşak geçişler.

    En iyi kullanım alanı: Doğadan ilham alan, sakin arayüzler

    Monokromatik

    Aynı tonun, parlaklık değerleri +/-50% olan üç rengi. İnce ve zarif.

    En iyi kullanım alanı: Minimalist, sofistike tasarımlar

    Dörtlü

    60 derece ton farkıyla ayrılmış iki set tamamlayıcı renk.

    En iyi kullanım alanı: Zengin, çeşitli renk şemaları

    Renk Teorisi İlkeleri

    Denge

    Bir baskın renk kullan, ikincil renklerle destekle ve vurgu renklerini az kullan.

    Kontrast

    Okunabilirlik ve erişilebilirlik için yeterli kontrast sağla.

    Uyum

    Renkler, birleşik bir görsel deneyim yaratmak için birlikte çalışmalı.

    Renk Kontrast Denetleyicisi

    Metin okunabilirliğini sağlamak için WCAG erişilebilirlik standartlarına uygun renk kombinasyonlarını test et.

    Metin Rengi
    Arka Plan Rengi
    Kontrast
    1.00
    Fail
    Çok kötü
    Küçük metin
    ✖︎
    Büyük metin
    ✖︎
    WCAG Standartları
    AA:Normal metin için minimum 4.5:1 kontrast oranı ve büyük metin için 3:1. Çoğu web sitesi için gereklidir.
    AAA:Normal metin için geliştirilmiş 7:1 kontrast oranı ve büyük metin için 4.5:1. Optimal erişilebilirlik için önerilir.
    Tüm metin boyutları için yetersiz kontrast - WCAG standartlarını karşılamıyor.

    Gelişmiş Kontrast Denetleyici

    Kaydırıcılar, birden fazla önizleme ve daha fazlasıyla ince ayar yapın

    Herkes bir dahidir. Ama bir balığı ağaca tırmanma yeteneğine göre yargılarsanız, hayatı boyunca aptal olduğuna inanarak yaşar.

    - Albert Einstein

    Teknik Formatlar

    Pratik Formatlar

    Renk Analizi

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

    Yaratıcı Yönler

    Sıkça sorulan sorular

    #2D2D2D hangi renktir?
    #2D2D2D Gece Kömürü – Son derece koyu, neredeyse saf siyaha yakın mat bir antrasit; yüzeyteksinin pürüzlü ve sıcak olmayan bir derinliği var. Ciddiyet ve kontrol hissi uyandırır; gizemli ama güven verici bir duruş sergiler.
    Gece Kömürü neyi simgeler?
    güç ve otorite, profesyonellik, gizlilik, zamansızlık, sadelik. Batı görsel kültüründe koyu antrasit genellikle profesyonellik ve lüksle ilişkilendirilir; Japon estetiğinde (wabi-sabi) mat koyu tonlar sadelik ve olgunluğu simgeler. Orta Doğu ve bazı Akdeniz kültürlerinde koyu gri daha resmi ve ağırbaşlı bağlamlarda tercih edilir.
    Gece Kömürü tasarımda nerede kullanılır?
    Mekânda veya tasarımda zemini sabitler; dikkat dağıtmadan diğer renklerin etkisini artırır. Uzun süre hakim olduğunda alanı küçültür ve sıcaklık algısını düşürür, bu yüzden dengeli tekstür ve aydınlatma gerekir.
    Hangi renkler Gece Kömürü ile iyi gider?
    colorCode.seoFaqPairingAnswer #FF6B35: Canlı turuncu; tamamlayıcı kontrast yaratır ve CTA/aksesuarlar için yüksek görünürlük sağlar (komplementer vurgu).. #2E9EA8: Derin turkuaz/teal; soğuk-tezat dengesi ile sakin ama modern bir palet oluşturur (split-komplementary etkisi).. #BFA26A: Mat, sıcak altın/otu ton; zarif ve sofistike bir uyum sağlayarak lüks ve klasik bir his verir (analog/tonal denge)..
    Gece Kömürü ruh halini nasıl etkiler?
    Sakin, kontrollü ve ciddi otorite Güven ve kontrol duygusu uyandırır; samimiyetten çok profesyonellik gönderir. colorCode.seoFaqMoodTraits
    Hangi endüstriler Gece Kömürü kullanır?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Gece Kömürü tarihçesi nedir?
    Koyu antrasit tonlarının kökeni, tarihsel olarak kömür karası (lamp black) ve kemik kömürü gibi siyah pigmentlere dayanır; Orta Çağ'dan itibaren gravür ve mürekkep üretiminde, ayrıca 18. yüzyılda boya karışımlarında kullanıldı. Sanatçılar koyu nötrleri gölgeleri tanımlamak için tercih ettiler.
    Gece Kömürü tasarımda nasıl kullanılır?
    Kontrast ve dokuyu dengeleyin: bu rengin gücünü açığa çıkarmak için mutlaka yüksek kontrastlı aksanlar veya zengin yüzey dokuları kullanın.colorCode.seoFaqDesignDo
    Gece Kömürü erişilebilir mi?
    colorCode.seoFaqAccessibilityAnswer Normal ve büyük metinler için WCAG AA standardını karşılıyor.