HEX'ten RGB'ye Dönüştürücü

HEX renk kodunu hızlıca RGB formatına dönüştürün. Renk kodunu girin ve anında RGB değerini alın.


3 veya 6 karakterli HEX kodu yapıştırın; # işareti olabilir veya olmayabilir.
Temizle

Renk dönüştürücü nedir?

Renk dönüştürücü, web, tasarım ve baskıda kullanılan formatlar arasında aynı rengi çevirir. Aynı mavi #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) veya cmyk(56%, 22%, 0%, 30%) olarak yazılabilir; format farklı olsa da renk aynıdır.

Renk format rehberi

  • HEX - CSS ve tasarım araçlarında kullanılan 6 karakterlik onaltılık kod, örn. #4F8AB2.
  • RGB - 0-255 aralığında Kırmızı, Yeşil, Mavi kanallar - CSS ve çoğu API tarafından kullanılır.
  • HSL - Renk tonu (0-360), Doygunluk (%) ve Açıklık (%) - görsel ayarlamalar için sezgisel.
  • CMYK - Camgöbeği, Macenta, Sarı, Siyah dört kanallı format - baskı için.

HEX renk RGB'ye elle nasıl çevrilir

Bir HEX renk yalnızca üç çift onaltılık (16 tabanlı) rakamdan oluşur. Her çifti 0 ile 255 arası bir ondalık sayıya çevirin.

  1. 6 haneli HEX değerini üç çifte ayırın: RR, GG, BB (baştaki # işaretini kaldırın).
  2. Her çift için ilk rakamı 16 ile çarpıp ikinci rakamı ekleyin (A=10, B=11, … F=15).
  3. Bu üç sonuç Kırmızı, Yeşil ve Mavi değerlerinizdir.

Örnek: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).

Bu aracı yapay zeka ajanınızdan kullanın

Ücretsiz JSON API ve Model Context Protocol (MCP) sunucusu. Kayıt yok, API anahtarı yok, CORS açık. Claude, ChatGPT, Cursor, betikler ve ön uç uygulamalar için tasarlandı. 

curl -X POST https://mate.tools/api/v1/color-convert.php \
  -H "Content-Type: application/json" \
  -d '{"color":"#FF5733"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/color-convert.php",
    data=json.dumps({"color":"#FF5733"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json());

claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) veya MCP uyumlu herhangi bir istemciye ekleyin: 

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
API belgeleri OpenAPI 3.1 npm 60 istek/dak · 600 istek/saat · gövde maks. 1 MB

Sıkça sorulan sorular

HEX kodunu üç çift halinde böl ve her çifti onaltılıdan onluğa çevir. #4F8AB2 için: 4F = 79, 8A = 138, B2 = 178 → rgb(79, 138, 178). Dönüştürücü bunu canlı yapar.

HEX, RGB ve HSL aynı RGB rengini farklı yazımlarla anlatır: HEX kompakt, RGB kanalları doğrudan verir, HSL renk tonu, doygunluk ve parlaklık ayarı için sezgiseldir. CMYK baskı için tasarlanmış dört kanallı bir uzaydır; RGB'den hesaplanır ve ekran rengiyle birebir örtüşmeyebilir.

Evet. 3 haneli HEX kodları kısaltılmış biçimdir: her hane iki kez yazılır, böylece #FA0 = #FFAA00. Dönüştürücü hem 3 hem 6 haneli formu, # işaretiyle ya da işaretsiz kabul eder.

Ekranlar toplamalı RGB, baskı çıkarmalı CMYK kullanır ve her RGB rengi için tam karşılık gelen CMYK yoktur. Profesyonel tasarım yazılımları kâğıt, mürekkep ve yazıcı profillerini uygular; buradaki değerler matematiksel bir dönüşüm olup başlangıç noktası olarak işe yarar.

RGB kanalları 0-255 aralığında, HSL doygunluk ve açıklık 0-100% aralığında kırpılır. Renk tonu 0-360 derece olarak ele alınır. Aralık dışı değerler geçerli aralığa çekilir ve diğer formatlar buna göre güncellenir.

Genellikle şunlarla birlikte kullanılır: Fotoğraftan Renk Paleti Al · Renk Seçici

HEX değerini RGB'ye nasıl çeviririm?

Bir HEX'ten RGB'ye dönüştürücü, #FF8800 gibi bir hex renk kodunu, tasarım araçlarında ve kodda kullanmak için RGB değerlerine çevirir. Her hex rakam çifti bir kanaldır - kırmızı, yeşil ve mavi - ve değeri 0 ile 255 arasındadır.

İlgili Araçlar

Tümünü Gör
Barkod OluşturucuŞifre Kodlama ve ÇözmeJWT ÇözücüTarayıcı Dil AlgılamaFavicon OluşturucuSitemap URL ÇıkarıcıURL Başlık ve Meta Verileri ÇıkarıcıWeb Sitesi Görsel Çıkarıcı