Sarı – Anlam, Paletler, Tamamlayıcı Renkler ve Armoniler
Renk için pratik bir rehber sarı: sembolizm ve psikoloji, renk tekerleği ilişkiler (tamamlayıcı, benzer, üçlü), erişilebilir renk kombinasyonlarıve indirilebilir paletler. Arasında dönüştürme altıgen, RGB, Ve HSL, CSS değişkenlerini kopyalayın ve bir araya gelen eşleşen renklerin önizlemesini yapın.
İpucu: Basın Girmek Tüm değerleri güncellemek için herhangi bir alanın içinde.
Bir Bakışta Sarı
Sarı güneş ışığını, sıcaklığı, merakı ve iyimserliği temsil eder. Harekete geçirici mesajları, fiyat etiketlerini ve uyarıları vurgulamak için vurgu rengi olarak mükemmeldir. Uzun süreli okumalarda rahatlık açısından daha yumuşak renk tonlarını tercih edin.
Saf sarının beyaz üzerinde düşük kontrastı vardır. Erişilebilir kullanıcı arayüzü için lacivert, kömür rengi veya koyu mor üzerine sarıyı yerleştirin. Soluk sarı arka planlar üzerinde siyah veya çok koyu gri metin kullanın.
Sarı Paletler
Otomatik olarak oluşturuldu renk tonları (daha beyaz), Gölgeler (daha siyah) ve tonlar (daha gri) mevcut sarıdan. HEX'i kopyalamak için herhangi bir renk örneğini tıklayın. Ayrıca PNG paletini de indirebilirsiniz.
Renk tonları
Gölgeler
Tonlar
Renk Çarkı Armonileri
Keşfetmek tamamlayıcı renk çiftleri, benzer komşular ve üçlü bu sarıdan ayarlar. Bu hazır kombinasyonlar, birbirine yakışan renkleri bulmanıza yardımcı olur.
Renk tekerleğindeki zıt renkler, CTA'lar ve rozetler için yüksek kontrast oluşturur.
Direksiyondaki komşular kendilerini uyumlu hissediyor; arka planlar ve degradeler için harika.
Eşit aralıklı üç renk tonu, kontrol panelleri ve grafikler için dengeli kontrast sunar.
Uygulamalar ve En İyi Uygulamalar
Markalaşma
Sarı perakende, gıda, çocuk ürünleri ve seyahat markalarına samimiyet ve enerji katar. Profesyonel denge ve okunabilir tipografi için kömür rengi veya koyu lacivert ile eşleştirin.
Kullanıcı Arayüzü ve Erişilebilirlik
Düğmeler ve vurgular için sarıyı vurgu olarak kullanın. Uzun içerik için, WCAG kontrastını karşılamak üzere koyu metinli arka planlar olarak soluk renk tonlarını seçin.
Pazarlama ve Paketleme
Sarı, raflarda ve sosyal paylaşımlarda dikkat çekiyor. Tamamlayıcı maviler veya morlar çarpıcı kahraman bölümleri ve ürün kartları oluşturur.
Özellikler
- Ani HEX ↔ RGB ↔ HSL dönüştürme ve senkronizasyon.
- Otomatik paletler: renk tonları, gölgeler, tonlar ve ayrıca indirilebilir PNG paleti.
- Renk tekerleği uyumları: tamamlayıcı, benzer, üçlü öneriler.
- Hızlı CSS değişkenleri tasarım sistemleri için ihracat.
Nasıl Kullanılır
- Bir HEX girin (ör.
#FFD600) veya RGB/HSL değerlerini seçin ve tuşuna basın. Girmek. - HEX'ini kopyalamak için herhangi bir renk örneğini tıklayın. Güçlü kontrast için tamamlayıcı veya üçlü setler kullanın.
- Palet PNG'sini indirin veya CSS değişkenlerini kopyalayıp projenize yapıştırın.
- Metnin açık sarı kullanıcı arayüzlerinde okunabilir kalmasını sağlamak için kontrast ipuçlarını kontrol edin.
SSS
Sarıyla iyi giden renkler nelerdir?
Lacivert, kömür rengi, koyu menekşe ve zengin orman yeşili güzel bir ikili oluşturuyor. Parlak vurgular için tamamlayıcı camgöbeği mavisi veya moru kullanın.
Sarının zıt rengi nedir?
RGB/HSL tekerleğinde zıt renk tonu yakındır mavi-mavi (sarı tonundan yaklaşık 180°).
Gövde metni için sarıyı kullanabilir miyim?
Genellikle açık renkli arka planlarda hayır. Vurgular veya simgeler için sarıyı koruyun; bunun yerine soluk sarı kart üzerinde koyu metin kullanın.