ÜCRETSİZ ARAÇ
Renk paleti ve renk kodları
Markanızın ana rengini seçin. HEX, RGB, HSL ve CMYK kodlarını, açıktan koyuya ton ölçeğini ve uyumlu renkleri alın; her rengin yazıyla ne kadar okunur olduğunu görün.
Örnek renkler
RENK KODLARI
- HEX
- #1E40AF
- RGB
- rgb(30, 64, 175)
- HSL
- hsl(226, 71%, 40%)
- CMYK
- 83, 63, 0, 31
- OKLCH
- oklch(42.4% 0.181 265.6)
CMYK renk profili olmadan hesaplanan yaklaşık değerdir; baskıda matbaanızın profili esas alınır.
Aa Okunabilirlik
Beyaz yazı
8,72 : 1 · AAA
Aa Okunabilirlik
Siyah yazı
2,41 : 1 · —
Kontrast oranı WCAG 2.2’ye göre: normal metinde AA için 4,5, AAA için 7; büyük metinde AA için 3 gerekir.
Ton ölçeği
Ana renk işaretli adımdadır. Kutuya dokunarak kodu kopyalayın.
Uyumlu renkler
Tamamlayıcı
Komşu
Üçlü
Nötr
Sitenize ekleyeceğiniz kod
CSS değişkenleri
:root {
--marka-50: #F3F7FF;
--marka-100: #E2EBFF;
--marka-200: #C5D8FF;
--marka-300: #9FBDFF;
--marka-400: #749DFF;
--marka-500: #4C7CFB;
--marka-600: #345FDB;
--marka-700: #1E40AF;
--marka-800: #173491;
--marka-900: #0C2269;
--marka-950: #041144;
}Tailwind CSS v4
@theme {
--color-marka-50: #F3F7FF;
--color-marka-100: #E2EBFF;
--color-marka-200: #C5D8FF;
--color-marka-300: #9FBDFF;
--color-marka-400: #749DFF;
--color-marka-500: #4C7CFB;
--color-marka-600: #345FDB;
--color-marka-700: #1E40AF;
--color-marka-800: #173491;
--color-marka-900: #0C2269;
--color-marka-950: #041144;
}Hesap tarayıcınızda yapılır. Seçtiğiniz renk adrese yazılır; bağlantıyı paylaşarak aynı paleti gösterebilirsiniz.
Renk, markanın ilk okunan işareti
Ziyaretçi logoyu okumadan önce rengi görür. Aynı ana renk sitede, sosyal medyada, teklif belgesinde ve kartvizitte aynı kodla kullanıldığında marka tanınır hâle gelir; her yerde farklı bir kırmızı, markayı dağınık gösterir.
Sitenin ikonunu aynı renkle favicon oluşturucu ile, e-posta imzasını mail imzası oluşturma aracıyla hazırlayabilirsiniz.
Sık sorulanlar
Renk kodu, ekranda görünen rengin sayısal karşılığıdır. RGB rengi kırmızı, yeşil ve mavinin 0 ile 255 arasındaki miktarıyla yazar, örneğin rgb(30, 64, 175). HEX aynı üç değerin on altılık yazımıdır: #1E40AF. Web sitelerinde ikisi de kullanılır; baskı için CMYK, tasarım sistemlerinde giderek OKLCH tercih edilir.
Bir ana renkle başlanır. Ondan açık ve koyu tonlar türetilir: açıklar zemin ve vurgu, koyular metin ve düğme için kullanılır. Ana rengin yanına bir tamamlayıcı ya da komşu renk ve yazı ile zemin için bir nötr seri eklenir. Araç tonları OKLCH renk uzayında üretir; bu uzayda adımlar göze eşit aralıklı görünür.
Metin ile zemin arasındaki kontrast düşükse yazı zor okunur; güneş altında telefondan bakan biri için daha da zorlaşır. WCAG 2.2, normal metinde en az 4,5 : 1, büyük metinde 3 : 1 oranını AA düzeyi olarak tanımlar. Araç her rengin beyaz ve siyah yazıyla oranını gösterir.
Tam olarak vermez. Ekran rengi ışıkla, baskı rengi mürekkeple oluşur; dönüşüm matbaanın kullandığı renk profiline göre değişir. Araçtaki CMYK değeri profilsiz yaklaşık bir değerdir. Kurumsal baskıda matbaadan prova isteyin ya da Pantone karşılığını kullanın.
Sayfanın altındaki kodu kopyalayın: CSS değişkenleri her sitede, Tailwind CSS v4 bloğu Tailwind kullanan projelerde çalışır. Seçtiğiniz renk sayfanın adresine de yazılır; bağlantıyı tasarımcınıza göndererek aynı paleti gösterebilirsiniz.
PROJENİZİ KONUŞALIM
Markanızın rengi her yerde aynı ve okunur olsun.
Renkten yazıya, logodan siteye kadar markanızın dijitalde nasıl göründüğünü ilk görüşmede birlikte değerlendirelim.
- Alan adı, hesaplar ve kaynak kod firmanız adına
- Kapsam ve fiyat yazılı teklifte
- Tasarım, yazılım ve reklamda tek muhatap