Rehber

Renk Adı ve HEX Değeri Arama

Renk adını, adın bir bölümünü veya oluşturulan HEX değerini arama alanına girerek ilgili kaydı inceleyebilirsiniz. Doğrudan eşleşme yoksa, biçim koşulunu karşılayan altı haneli HEX sorguları için en yakın adlandırılmış renk gösterilebilir.

Araç CSS Renk İsimleri

Aramaya başlamadan önce

Bu araç, yerleşik adlandırılmış renk koleksiyonunda renk adlarını ve HEX değerlerini incelemek için kullanılır. Bir adın tamamını hatırlamadığınızda, adın içindeki bir ifadeyi aradığınızda veya elinizdeki altı haneli HEX değerine yakın bir adlandırılmış rengi kontrol etmek istediğinizde işe yarar. Arama metni isteğe bağlıdır; alanı boş bırakmak da geçerli bir kullanım biçimidir. Boş girişte renk adına ya da HEX gösterimine göre filtre uygulanmaz ve koleksiyon renk adlarının alfabetik sırasıyla işlenir.

Aracın sunduğu bilgi, eşleşen rengin adı, küçük harfli HEX gösterimi ve RGB kanallarından oluşur. Bu nedenle sonuçları bir renk adını bulmak, bir değeri adlandırılmış bir renkle karşılaştırmak veya koleksiyondaki adları sıralı biçimde gözden geçirmek için okuyabilirsiniz. Yakın renk bilgisi, yalnızca doğrudan eşleşme bulunmayan ve uygun biçimde yazılmış altı haneli HEX sorguları için devreye girebilir.

Sorgu türünü seçme ve gönderme

  1. Arama alanına bir renk adının tamamını, adın bir bölümünü veya bir HEX değeri yazın. HEX sorgusunu başında # işaretiyle ya da bu işaret olmadan girebilirsiniz. Yakın renk değerlendirmesinden yararlanmak istiyorsanız, işaret çıkarıldıktan sonra geriye altı geçerli onaltılık karakter kalması gerekir.

  2. Girişteki büyük ve küçük harfleri ya da dışarıdaki boşlukları ayrıca düzeltmeniz gerekmez. Araç, gönderilen değeri küçük harfe dönüştürür ve başındaki ve sonundaki boşlukları temizler. Böylece örneğin aynı metnin farklı harf biçimleri veya çevresine eklenmiş boşluklar, normalleştirilmiş sorgu üzerinden değerlendirilir.

  3. Bir ad parçası arıyorsanız ifadeyi gönderin ve eşleşen adları inceleyin. Normalleştirilmiş sorgu bir rengin adının içinde yer alıyorsa o renk eşleşebilir. Renk adının oluşturulan küçük harfli HEX gösterimi sorguyla aynı olduğunda da doğrudan eşleşme oluşabilir.

  4. Koleksiyonu filtrelemeden görmek için arama alanını boş bırakın. Bu durumda herhangi bir ad veya HEX filtresi uygulanmaz; renkler adlarına göre alfabetik sırayla işlenir. Bu seçenek, belirli bir ifadeyi hedeflemeden mevcut adlandırılmış renkleri karşılaştırırken kullanılabilir.

  5. Doğrudan sonuç çıkmazsa sorgunun biçimini değerlendirin. Başındaki isteğe bağlı # kaldırıldıktan sonra altı geçerli onaltılık karakter kalan bir sorgu için RGB kanallarının kareli uzaklığına göre en yakın renk seçilebilir. Bu işlem, girilen değerin koleksiyonda doğrudan bulunduğunu göstermez; yalnızca uygun bir yakınlık karşılaştırmasının yapılabildiğini belirtir.

  6. Sorguda altıdan farklı sayıda karakter varsa veya onaltılık olmayan bir karakter bulunuyorsa yakın renk bölümü eklenmez. Böyle bir durumda ifadenin doğrudan ad eşleşmesi ya da oluşturulan HEX gösterimiyle aynı olma koşullarından birini karşılayıp karşılamadığını kontrol edin. Sonucu değerlendirirken, yazdığınız değerin önce küçük harfe çevrilip dış boşluklardan arındırıldığını hesaba katın.

Çıktıdaki renk bilgisini okuma

Doğrudan eşleşen bir kayıtta renk adıyla birlikte # işaretiyle başlayan küçük harfli altı haneli HEX değeri görünür. Aynı kayıtta kırmızı, yeşil ve mavi için ayrı tamsayı RGB değerleri bulunur; bu kanallar, sonucu renk bileşenleri üzerinden okumayı sağlar. Ad aramasında yalnızca tam adın yazılması gerekmez, çünkü sorgu renk adının içinde geçen bir metin olarak da eşleşebilir.

Bir HEX değeri doğrudan eşleşmediğinde gösterilen yakın renk, girilen değerin koleksiyondaki en yakın adlandırılmış karşılığı olarak okunmalıdır. Bu adın görünmesi, yazdığınız HEX değerinin aynı adla doğrudan bulunduğu anlamına gelmez. Yakınlık sonucu yalnızca baştaki isteğe bağlı # sonrasında altı geçerli onaltılık karakter bulunan eşleşmesiz sorgular için tanımlıdır.

Boş girişin alfabetik işleme davranışı ile geçerli HEX sorgusunun yakınlık davranışı birbirinden farklıdır; birini diğerinin sonucu gibi yorumlamayın. Desteklenen davranış, ad içinde metin aramayı, oluşturulan HEX gösterimiyle aynı değeri bulmayı ve belirli HEX sorgularında yakın renk seçmeyi kapsar. Başka renk biçimlerinin desteklendiği, koleksiyonun eksiksiz olduğu veya değerlerin belirli bir standardı karşıladığı sonucu bu aramadan çıkarılamaz.

Hesaplama sırasında bir istisna meydana gelirse işlem başarısız bir sonuçla bildirilebilir ve bu sonuçta istisnanın metni yer alabilir. Bu durum, aramanın olağan eşleşme mantığından ayrı değerlendirilmelidir. Sonuç beklediğiniz biçimde görünmüyorsa önce sorgunun boş olup olmadığını, ad parçası içerip içermediğini ve HEX için gerekli karakter koşulunu karşılayıp karşılamadığını ayırarak inceleyin.

Uygulamalı örnek

Bir tasarımcı, elindeki HEX değerini koleksiyondaki adlandırılmış renklerle karşılaştırmak ister.

Bir tasarımcı arama alanına #1a2b3c yazar ve sorguyu gönderir. Doğrudan kayıt bulunmazsa, altı geçerli onaltılık karakter koşulu sağlandığından sonuçta yakın adlandırılmış renge ilişkin bir bölüm yer alabilir.

Sonuç biçiminde bir renk adı, # işaretli küçük harfli altı haneli HEX değeri ve üç tamsayı RGB kanalı görülür; doğrudan eşleşme yoksa uygun HEX girişi için yakın adlandırılmış renk bölümü eklenebilir.

Sınırlamalar

  • Yakın renk bilgisi, yalnızca isteğe bağlı # kaldırıldığında altı geçerli onaltılık karakter kalan eşleşmesiz sorgular için tanımlıdır; diğer renk biçimleri ve koleksiyonun kapsamı hakkında ek bir güvence verilemez.

Sık yapılan hatalar

  • Doğrudan eşleşme bulunamadığı halde yakın renk görünmüyorsa, # işaretinden sonra altı geçerli onaltılık karakter kaldığını denetleyin; uzunluğu değiştirmek veya geçersiz bir karakteri düzeltmek, sorgunun yakınlık değerlendirmesine uygun hale gelmesini sağlayabilir.

Sık sorulan sorular

Arama alanı boş bırakılabilir mi?

Alan boş bırakıldığında giriş boş kabul edilir, filtreleme yapılmaz ve renk koleksiyonu adlara göre alfabetik sırayla işlenir.

Renk adının yalnızca bir bölümünü arayabilir miyim?

Bir ifade renk adının içinde bulunuyorsa adın tamamını yazmadan da eşleşme alınabilir; oluşturulan küçük harfli HEX gösterimiyle aynı olan bir sorgu da doğrudan sonuç verebilir.

HEX değerine en yakın renk nasıl bulunur?

Doğrudan sonuç oluşmadığında, baştaki isteğe bağlı # kaldırıldıktan sonra altı geçerli onaltılık karakter kalan sorgular RGB kanallarının kareli uzaklığına göre bir yakın renk seçimine girebilir.

Araç

CSS Renk İsimleri