Tamamlayıcı Renk Oluşturucu
Herhangi bir hex renk için tamamlayıcı rengi bulun.
Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız hiçbir zaman bir sunucuya yüklenmez.
Base
#3b82f6
Complementary
#f6af3b
Bu oluşturucu ne yapar?
Temel HEX renk ile onun HSL tamamlayıcısından iki örnekli bir palet üretir. İkinci renk, dönüştürülmüş doygunluk ve açıklığı korurken tonu renk çemberinde 180 derece döndürür.
Nasıl kullanılır?
Seçiciden bir renk belirleyin veya başında # olan ya da olmayan üç veya altı basamaklı HEX değeri girin. Araç taban rengi küçük harfli altı basamaklı HEX'e normalleştirir; iki örnek de ayrı ayrı kopyalanabilir.
Örnek
Varsayılan #3b82f6 RGB'den HSL'ye çevrilir, tonu 180° kaydırılır ve sonuç tekrar RGB ile HEX'e dönüştürülür. Son RGB kanalları yuvarlandığı için küçük değer farkları oluşabilir.
Kullanılan yöntem
Tamamlayıcı ton = temel ton + 180° (mod 360). Doygunluk ve HSL açıklığı korunur. Gri tonlarda doygunluk sıfır olduğundan ton değişimi görünmez; tamamlayıcı aynı gri tonu olarak kalır.
Kontrast ve renk sınırları
Karşıt HSL tonları belirli bir WCAG kontrast oranını veya eşit algısal parlaklığı garanti etmez. Saydamlık, renk profili, baskı gamutu, renk görme farklılıkları ve tasarımdaki çevre renkler hesaba katılmaz.
Kullanım ve gizlilik
Çifti vurgu renkleri için başlangıç olarak kullanın; gerçek bağlamda deneyip metin kontrastını ayrıca ölçün. Dönüşüm tarayıcınızda yerel çalışır ve girilen renk yüklenmez.
Sıkça Sorulan Sorular
- Tamamlayıcı renk nedir?
- Renk çemberinde temel renginizin tam karşısında (180° uzakta) yer alan renktir — birlikte kullanıldıklarında güçlü görsel kontrast oluştururlar.
- Tamamlayıcı renkleri ne zaman kullanmalıyım?
- Harekete geçirici butonlar, vurgular veya bir öğenin çevresinden öne çıkmasını istediğiniz her yerde iyi çalışırlar.
- Bu, analog renklerle aynı mı?
- Hayır — analog renkler uyumlu bir görünüm için çemberde birbirine yakın durur, tamamlayıcı renkler ise kontrast için karşılıklı durur.