Pratik Araçlar
Color Picker — HEX, RGB, HSL
Renk seçici ve format dönüştürme; alpha desteği.
#3B82F6
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: 👇
Bunları Biliyor muydunuz?
Bilgiler yükleniyor...
Sosyal Medyada Paylaş
📑 İçindekiler
Detaylı Açıklama
Color Picker: HEX, RGB, HSL ve Alpha
Tasarım ve CSS geliştirmede renk seçici doğru tonu hızlı bulmanızı sağlar. Modern tarayıcılar native color input destekler.
Formatlar
| Format | Örnek | Kullanım |
|---|---|---|
| HEX | #3B82F6 | CSS |
| RGB | rgb(59,130,246) | Ekran |
| HSL | hsl(217,91%,60%) | Ton ayarı |
| RGBA | alpha kanalı | Şeffaflık |
WCAG kontrast oranı metin okunabilirliği için test edilmelidir.
İç linkler
Hesaplayıcı
Renk seçin veya HEX girin; tüm formatları 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 kontrastı için WCAG testi yapın.
Nasıl Kullanılır?
1
Renk seçin veya HEX girin.
2
RGB/HSL değerlerini görün.
3
Kopyalayın.
Sıkça Sorulan Sorular
HEX?
#RRGGBB.
RGB?
0-255 kanal.
HSL?
Ton/doygunluk.
Alpha?
RGBA şeffaflık.
Hesaplayıcı?
Renk seç.
WCAG?
Kontrast test.
CSS?
var(--color).
Figma?
HEX kopyala.
Pantone?
Baskı sistemi.
CMYK?
Baskı dönüşüm.
Eyedropper?
Ekrandan örnekle.
Palette?
renk-paleti sayfası.
Dark mode?
Açık metin test.
8 digit HEX?
#RRGGBBAA.
Named color?
red, blue vb.
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="Color Picker — HEX, RGB, HSL">
<meta itemprop="description" content="Renk seçici ve format dönüştürme; alpha desteği.">
<meta itemprop="url" content="https://www.netsonuc.com/color-picker">
<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/color-picker"
width="100%"
height="800"
frameborder="0"
scrolling="auto"
title="Color Picker — HEX, RGB, HSL - NetSonuç Hesaplama Aracı"
loading="lazy"
allowfullscreen
aria-label="Color Picker — 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/color-picker" target="_blank" rel="dofollow" title="Color Picker — HEX, RGB, HSL Hesaplama Aracı - NetSonuç" style="color: #3b82f6; text-decoration: none; font-weight: 500;">Color Picker — 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/color-picker" target="_blank" rel="dofollow" title="Color Picker — HEX, RGB, HSL Hesaplayıcı" style="color: #3b82f6; text-decoration: none;">Hesaplayıcıyı kullan</a>,
<a href="https://www.netsonuc.com/color-picker" target="_blank" rel="dofollow" title="Color Picker — 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.