Bir rengi HEX, RGB ve HSL arasında dönüştürmek

Aynı rengin üç yazımı

Renkleri keşfet varsayılan olarak rengin önizlemesiyle üç biçimi de gösterir. #2F4A3F yeşili için:

Panelin HEX, RGB ve HSL üç düğmesi sonucu tek bir biçime indirir, olduğu gibi kopyalamak için elverişlidir.

Kabul edilen yazımlar

“rouge” gibi renk adları ve rgb(300, 0, 0) gibi 0 ile 255 dışındaki kanallar, kabul edilen yazımları sıralayan bir mesajla reddedilir.

Saydamlık

Saydamlık HEX’te sekiz rakamla ya da boşluklarla bir eğik çizgiden sonra yazılır. rgb(47 74 63 / 50%) rengi HEX’te #2f4a3f80, RGB’de rgba(47, 74, 63, 0.5) verir. Tersine, #2F4A3F80 0,502’lik bir opaklık verir, çünkü onaltılıkta 80, 255 üzerinden 128’dir.

Bir gidiş dönüş neden bir seviye değiştirir

HSL tam sayılarla gösterilir: ton derece, doygunluk ve açıklık yüzde olarak. HSL’den HEX’e dönmek bu yüzden başlangıç rengine değil, komşu bir renge iner.

Fark her kanalda bir seviyedir, gözle görülmez. Bir tasarım jetonu veya bir marka için özgün HEX’i referans olarak saklayın ve yeniden HSL’den geçmeyin.

Griler

Bir grinin doygunluğu sıfırdır ve tonun etkisi yoktur: #808080, rgb(128, 128, 128) ve hsl(0, 0%, 50%) verir.

Aracın ölçmedikleri

Bir biçim dönüşümü okunaklılık hakkında hiçbir şey söylemez. Araç, bir metin ile arka planı arasındaki kontrastı hesaplamaz: yayımlamadan önce ayrıca kontrol edin. Kontrastın okunaklılığı belirlediği bir QR kod durumu İlk denemede okunan bir QR kodu oluşturmak rehberinde ele alınmıştır.

Bir dönüşümü kontrol etmek

1. Rengi alana yapıştırın: önizleme beklediğinizle uyuşmalıdır.
2. Sisteminizin istediği biçimi kopyalayın.
3. Tam rengi korumak için HSL yerine HEX veya RGB’yi saklayın.

Renkleri keşfet