Hızlı online araçlar
Tasarım Aracı
Renk seçin ve HEX (#FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(9, 100%, 60%)) formatları arasında dönüştürün. Web tasarım, CSS, grafik için ücretsiz color picker.
Renkli kutuya tıklayarak renk seçici paleti açın.
Paletden istediğiniz rengi seçin. Renk an�nda güncellenir.
HEX, RGB ve HSL formatları otomatik hesaplanır ve gösterilir.
İstediğiniz format için 'Kopyala' butonuna tıklayıp CSS/kodunuza yapıştırın.
CSS, HTML, Tailwind için renk kodları oluşturma.
Photoshop, Figma, Canva'da kullanılacak HEX kodları.
Logo, kurumsal kimlik renk paletleri belirleme.
Buton, arka plan, hover efektleri için renk seçimi.
Hexadecimal (16'lık) renk sistemi: #RRGGBB formatı. Örnek: #FF0000 = kırmızı, #00FF00 = yeşil. Web tasarımında en yaygın kullanılan format.
Red-Green-Blue: rgb(255, 0, 0) = kırmızı. Her renk 0-255 arası değer alır. CSS'de rgb() ve rgba() (alpha/saydamlık ile) kullanılır.
Hue (Renk tonu 0-360°), Saturation (Doygunluk %0-100), Lightness (Parlaklık %0-100). hsl(0, 100%, 50%) = kırmızı. Daha sezgisel renk ayarı.
HEX: En yaygın, kısa. RGB: Saydamlık (rgba) gerekiyorsa. HSL: Renk tonunu değiştirmek kolay (mavi tonları h=200-240).
WCAG standartları için kontrast oranı en az 4.5:1 olmalı. WebAIM Contrast Checker gibi araçlarla test edin.
Renk spektrumunda istediğiniz rengi tıklayın.
HEX, RGB veya HSL kodunu kopyalayın.
Renk kodunu CSS, tasarım veya kodunuzda kullanın.
Renk seçici (color picker), renkler seçip HEX, RGB, HSL gibi kod formatlarında almanızı sağlayan tasarım aracıdır. Web tasarım, grafik tasarım ve her tür dijital projede kullanılır.
HEX kodu (#FF5733), RGB (rgb(255,87,51)) ve HSL gibi farklı formatlar vardır. Renk seçici tüm bu formatları otomatik çevirir.
HEX onaltılık sistemde (#FF5733), RGB ondalık sistemde (255,87,51) rengi ifade eder. İkisi de aynı rengi gösterir.
Renk çarkında birbirine komşu renkler uyumlu, karşıt renkler tamamlayıcıdır.
Web tasarımı ve grafik tasarım projeleriniz için renk kodu dönüştürücü.
Ana sayfaya dön