Pratik Araçlar

Rastgele Renk — HEX, RGB, HSL

Tasarım için rastgele renk; üç formatta kopyalama.

İlham için rastgele renk üretin.

Anında sonuçResmi kaynakla doğrulayınÜcretsiz

Rastgele renkler oluşturun. HEX, RGB ve HSL formatlarında gösterilir. Tasarım ve geliştirme için kullanabilirsiniz.

HEX

#000000

RGB

rgb(0, 0, 0)

HSL

hsl(0, 0%, 0%)

Yeni araç öner

Yasal Uyarı: Bu araçtaki veriler bilgilendirme amaçlıdır. Kesin finansal/hukuki kararlarınız için lütfen resmi kurumlara veya uzmanlara danışınız.

Sıradaki Adım: 👇

Yüzde hesaplama — oran, artış ve indirim Ağırlık Dönüştürme — kg, gram, ton, pound ve ons Sıcaklık Dönüştürme — Celsius, Fahrenheit ve Kelvin Ortalama Hesaplama — Aritmetik ve özet istatistik Zaman Dönüştürme — Saniye, Dakika, Saat, Gün 🔢 Bilinmeyen Değeri Bulun - Oran Orantı Hesaplama | 3 Saniyede Çöz!Kare Hesaplama — Alan, çevre ve köşegen Dikdörtgen Hesaplama — Alan, çevre ve köşegen

Bunları Biliyor muydunuz?

Bilgiler yükleniyor...

Sosyal Medyada Paylaş

📑 İçindekiler

Detaylı Açıklama

Rastgele Renk Üretici: HEX, RGB ve HSL

Tasarım ve geliştirmede rastgele renk ilham, mockup ve A/B testleri için kullanılır. Renk üç temel modelde ifade edilir.

Renk modelleri

Model	Örnek	Kullanım
HEX	#3B82F6	CSS, web
RGB	rgb(59,130,246)	Ekran
HSL	hsl(217,91%,60%)	Ton/parlaklık ayarı

HSL ile aynı tonun açık/koyu varyantları üretmek kolaydır.

Erişilebilirlik

Metin/arka plan için WCAG kontrast oranı en az 4,5:1 (normal metin) hedeflenmeli.

İç linkler

Renk paleti, Rastgele sayı.

Hesaplayıcı

Tek tıkla rastgele renk; HEX/RGB/HSL kopyalayın.

Bu içerik genel bilgilendirme amaçlıdır; kesin fatura, harç, vergi ve süreler için resmî kurum duyuruları, sözleşmeler ve güncel mevzuat esastır.

Editör notu ve şeffaflık

NetSonuç editör notu: Metin okunabilirliği için WCAG kontrast testi yapın.

Nasıl Kullanılır?

Rastgele renk üretin.

HEX, RGB veya HSL kopyalayın.

Tasarım aracınıza yapıştırın.

Sıkça Sorulan Sorular

HEX nedir?

#RRGGBB formatı.

RGB?

Kırmızı yeşil mavi.

HSL?

Ton doygunluk parlaklık.

WCAG?

Kontrast standardı.

Kopyala?

Tek tık.

Hesaplayıcı?

Rastgele üret.

Pantone?

Baskı sistemi ayrı.

CMYK?

Baskı; ekran RGB.

Koyu mod?

Açık metin test et.

Gradient?

Paletle birleştir.

Figma?

HEX yapıştır.

CSS?

var(--color).

Renk körlüğü?

Kontrast test şart.

Seed?

Her tık yeni.

Paletle fark?

Tek vs 5 renk.

Geri Bildirim Gönder

Bu Aracı Sitenize Ekleyin

Aşağıdaki kodları sitenize ekleyerek bu hesaplama aracını kendi sitenizde gösterebilirsiniz.

<div class="netsonuc-embed-wrapper" itemscope itemtype="https://schema.org/WebApplication" style="margin: 20px 0; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
  <meta itemprop="name" content="Rastgele Renk — HEX, RGB, HSL">
  <meta itemprop="description" content="Tasarım için rastgele renk; üç formatta kopyalama.">
  <meta itemprop="url" content="https://www.netsonuc.com/rastgele-renk-uretici">
  <meta itemprop="applicationCategory" content="UtilityApplication">
  <meta itemprop="operatingSystem" content="Any">
  <meta itemprop="offers" itemscope itemtype="https://schema.org/Offer">
  <meta itemprop="price" content="0">
  <meta itemprop="priceCurrency" content="TRY">
  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <meta itemprop="ratingValue" content="4.8">
    <meta itemprop="ratingCount" content="1000">
    <meta itemprop="bestRating" content="5">
    <meta itemprop="worstRating" content="1">
  </div>
  <iframe 
    src="https://www.netsonuc.com/rastgele-renk-uretici" 
    width="100%" 
    height="800" 
    frameborder="0" 
    scrolling="auto"
    title="Rastgele Renk — HEX, RGB, HSL - NetSonuç Hesaplama Aracı"
    loading="lazy"
    allowfullscreen
    aria-label="Rastgele Renk — HEX, RGB, HSL hesaplama aracı">
  </iframe>
  <div style="background: #f8f9fa; padding: 12px; border-top: 1px solid #e5e7eb; text-align: center;">
    <p style="margin: 0; font-size: 12px; color: #666; line-height: 1.6;">
      <a href="https://www.netsonuc.com/rastgele-renk-uretici" target="_blank" rel="dofollow" title="Rastgele Renk — HEX, RGB, HSL Hesaplama Aracı - NetSonuç" style="color: #3b82f6; text-decoration: none; font-weight: 500;">Rastgele Renk — HEX, RGB, HSL Hesaplama Aracı</a> - 
      <a href="https://www.netsonuc.com" target="_blank" rel="dofollow" title="NetSonuç - Ücretsiz Online Hesaplama Platformu" style="color: #3b82f6; text-decoration: none; font-weight: 500;">NetSonuç</a> tarafından sağlanan ücretsiz online hesaplama platformu. 
      <a href="https://www.netsonuc.com/rastgele-renk-uretici" target="_blank" rel="dofollow" title="Rastgele Renk — HEX, RGB, HSL Hesaplayıcı" style="color: #3b82f6; text-decoration: none;">Hesaplayıcıyı kullan</a>, 
      <a href="https://www.netsonuc.com/rastgele-renk-uretici" target="_blank" rel="dofollow" title="Rastgele Renk — HEX, RGB, HSL Hesaplama Simülatörü" style="color: #3b82f6; text-decoration: none;">hesaplama simülatörü</a> veya 
      <a href="https://www.netsonuc.com" target="_blank" rel="dofollow" title="NetSonuç Hesaplama Araçları" style="color: #3b82f6; text-decoration: none;">tüm araçları görüntüle</a>.
    </p>
  </div>
</div>

📝 Kullanım Talimatları:

Iframe Embed: Web sitenizin HTML koduna doğrudan yapıştırın.
HTML Snippet: Blog yazılarınızda, makalelerinizde kullanın (en SEO-friendly, Google'ın favorisi)
WordPress: WordPress sitenizde shortcode olarak kullanın. Eklenti gerekmez.
QR Kod: Fiziksel materyallerde, sunumlarda, broşürlerde kullanın. Mobil erişim için ideal.
Bookmarklet: Tarayıcı yer imlerinize ekleyin. Hızlı erişim için mükemmel.