Renk Seçici
Renk seçin ve HEX, RGB, HSL kodları alın
Tarayıcınızda çalışır
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Hızlı renkler
Renk seçici nedir?
Çevrimiçi renk seçici, çeşitli formatlarda (HEX, RGB, HSL) renk kodu almanızı sağlar. Tasarımcılar ve geliştiriciler için faydalıdır.
Kullanım alanları
- Web sitesi veya uygulama tasarımı için renk seçimi
- CSS için HEX, RGB, HSL kodları alma
- Marka veya proje için uyumlu renkler bulma
- Farklı renk formatları arasında dönüştürme
Ne zaman kullanılır?
Renk seçimi, kod alma veya format dönüştürme için kullanın. Web tasarımcıları, UI/UX ve frontend için çok faydalıdır.
Örnekler
Bir marka mavisi
Girdi
#1A6CF5
Çıktı
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Sıcak bir vurgu rengi
Girdi
#F4A261
Çıktı
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Sorular ve cevaplar
HEX, RGB ve HSL arasındaki fark nedir?
Üçü de aynı rengi farklı şekillerde tanımlar. HEX, CSS'te kullanılan kısa biçimdir; RGB kırmızı, yeşil ve mavi değerlerini 0 ile 255 arasında listeler; HSL ise ton, doygunluk ve açıklık kullanır, bu da daha açık veya daha koyu tonlar oluşturmayı kolaylaştırır.
Bir renk kodunu nasıl kopyalarım?
Bir renk seçin, ardından ihtiyacınız olan HEX, RGB veya HSL değerinin yanındaki kopyala düğmesini kullanın.
HSL'den geri dönüştürmek neden biraz farklı bir renk verebilir?
HSL değerleri tam sayılara yuvarlanır, bu yüzden HEX'e geri dönüştürüldüğünde bir adımlık sapma olabilir.