#EC7030 Kabak Alevi

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

    Renk Dönüşümü

    HEX

    #ec7030

    HEX
    #ec7030
    HSL
    20, 83, 56
    RGB
    236, 112, 48
    XYZ
    41, 30, 6
    CMYK
    0, 53, 80, 7
    LUV
    61,114,48
    LAB
    61, 44, 56
    HWB
    20, 19, 7

    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.

    #ec7030
    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

    #EC7030 hangi renktir?
    #EC7030 Kabak Alevi – Canlı, güneşli bir portakal-turuncu; orta tonlu parlaklık ve hafif kırmızımsı alt tonuyla dikkat çeker. Enerji, iştah ve cesaret çağrışımı uyandırır; hem sıcak hem dinamik bir ruh verir.
    Kabak Alevi neyi simgeler?
    yaratıcılık ve yenilik, iştah ve lezzet, dostane yaklaşım, uyaran/uyarı (dikkat çekme), hareket/akciton. Batı tasarımında turuncu enerji ve lezzetle ilişkilendirilir; Japon kültüründe parlak turuncular festivallerde ve tapınaklardaki ahşap boyalarda benzer canlılık taşır; Hint kültüründe portakal tonları kutsallık (saffron yakınları) ve kutlama ile bağdaştırılır.
    Kabak Alevi tasarımda nerede kullanılır?
    Mekânda kullanıldığında enerji ve hareket hissi artırır; kullanıcıyı harekete geçmeye teşvik eder. Yorgun veya sakin alanlara canlılık getirirken aşırı kullanıldığında dikkat dağınıklığına neden olabilir.
    Hangi renkler Kabak Alevi ile iyi gider?
    colorCode.seoFaqPairingAnswer #138FCF: Tamamlayıcı uyum — soğuk mavi, kontrastla turuncunun parlaklığını dengeler ve görsel odak oluşturur.. #D94A22: Analog uyum — biraz daha kırmızımsı turuncu ile zengin, sıcak degrade ve derinlik yaratır.. #30EC70: Triadik uyum — canlı yeşil ile enerji ve tazelik katar; spor veya gıda uygulamalarında dikkat çekici kombinasyon sağlar..
    Kabak Alevi ruh halini nasıl etkiler?
    Canlı, çağıran bir sıcaklık İzleyicide hemen harekete geçme ve sıcaklık hissi uyandırır. colorCode.seoFaqMoodTraits
    Hangi endüstriler Kabak Alevi kullanır?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Kabak Alevi tarihçesi nedir?
    Parlak turuncu tonlar, doğal pigmentlerin keşfiyle Antik Mısır ve Orta Doğu'da ortaya çıkmıştır; kırmızı ile sarı oksitlerin kontrollü karışımı ve sonrasında minium (kurşun kırmızısı) gibi bileşikler parlak turuncu-kızıl tonlar verdi. Orta Çağ el yazmalarında ve rönesans fırçalarında sınırlı ancak etkili kullanım görülür; bu tonlar daha çok metalik ve kil bazlı pigmentlerin kombinasyonlarıyla elde edilirdi.
    Kabak Alevi tasarımda nasıl kullanılır?
    Bu rengi vurgu olarak kullanıp çevresini nötr/beyaz alanlarla açık tutmak — kontrast ve nefes alanı sağlamak.colorCode.seoFaqDesignDo
    Kabak Alevi erişilebilir mi?
    colorCode.seoFaqAccessibilityAnswer Normal ve büyük metinler için WCAG AA standardını karşılıyor.