Ana sayfa Renk dönüştürme

Renk dönüştürme

#RGB her basamağı iki kez yazıp #RRGGBB yapar. #ff0000, rgb(255, 0, 0) ve hsl(0, 100%, 50%) olur. Renk burada kalır.

Neden var

Bir tasarım ve bir biçem sayfası aynı rengi #ff0000, rgb(255, 0, 0) veya hsl(0, 100%, 50%) diye yazar.

Kısa #abc’yi altı basamağa uzatıp HSL’yi tam sayıya yuvarlamak bir kanalı 1 kaydırabilir.

  1. 01Nasıl kullanılır

    HEX, RGB veya HSL’den birini değiştirince diğer iki alan ve renk kutusu onu izler.

    Kutu o hex’i arka plan yapar. Kopyala hex, rgb() ve hsl() satırlarını panoya koyar.

    Sekme kapanınca renk silinir. Bu sayfa bir alfa kanalı okumaz.

  2. 02Örnek sonuç

    #ff0000, #00ff00 ve #0000ff sırasıyla hsl(0, 100%, 50%), hsl(120, 100%, 50%) ve hsl(240, 100%, 50%) olur ve her biri aynı hex’e döner.

    #fff #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%) olur. #000000, hsl(0, 0%, 0%) olur.

    Yazılan#ff0000

    #ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%)
    #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%)
    #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%)
    #abc #aabbcc · geri #a9bacb

  3. 03Bilmekte yarar var

    Ton 360, 0 ile aynıdır. hsl(360, 100%, 50%) #ff0000 olur.

    Gri #808080 doygunluğu 0 olduğu için ton 0 çıkar. %50 açıklık geri 128, 128, 128 verir.

    Aralık dışı bir kanal veya ondalık o alanda hata gösterir ve son renk kopyalanmaz.

    Bu dönüşüm ekranın sRGB’sidir. Baskı CMYK’ı üretmez.

Sorular

Q#f00 ile #ff0000 aynı mıdır?
AEvet. Her basamak iki kez yazılır ve #ff0000 olur.
Q#abc’nin HSL’si aynı hex’e döner mi?
AHayır. hsl(210, 25%, 73%) geri #a9bacb olur.
Q8 basamaklı hex okunur mu?
AHayır. Yalnızca #RGB ve #RRGGBB okunur.
QRenk kaydedilir mi?
AHayır. Bu tarayıcıda kalır ve sunucuya gitmez.

Bu sayfa nasıl hesaplar

Bu sayfa HEX, RGB ve HSL’yi aynı sRGB rengine çevirir. #RRGGBB kırmızı, yeşil ve maviyi iki basamakla yazar. #ff0000, rgb(255, 0, 0) ve hsl(0, 100%, 50%) olur. #00ff00 tonu 120, #0000ff tonu 240’tır. #RGB her basamağı iki kez yazar. #abc #aabbcc olur, yani rgb(170, 187, 204) ve hsl(210, 25%, 73%).

HSL, CSS ile aynı dönüşümü kullanır ve ekran ton, doygunluk ile açıklığı tam sayıya yuvarlar. Bu tam sayılardan geri dönmek bir kanalı 1 kaydırabilir. #abc için hsl(210, 25%, 73%) geri #a9bacb olur. #808080, rgb(128, 128, 128) ve hsl(0, 0%, 50%) olur ve yeniden #808080’e döner. Ton 360, 0 ile aynıdır, bu yüzden hsl(360, 100%, 50%) #ff0000 olur.

Her RGB kanalı 0 ile 255 arasında bir tam sayıdır. Doygunluk ve açıklık 0 ile 100 arasındadır. 8 basamaklı hex ve ondalık okunmaz. Aralık dışı bir değer o alanda hata gösterir ve son renk kopyalanmaz. Bu dönüşüm ekranın sRGB’sidir ve baskı CMYK’ı üretmez. Renk bu tarayıcıda kalır ve bir sunucuya gitmez.

  • # renk
  • # hex
  • # rgb
  • # hsl