Color Name Finder

CSS रंग नाम क्या होता है?

CSS में 148 नामित रंग परिभाषित हैं जिन्हें ब्राउज़र संख्यात्मक कोड के बजाय कीवर्ड द्वारा पहचानते हैं। स्टाइलशीट में #ff6347 लिखने की जगह आप Tomato लिख सकते हैं। #6a5acd की जगह SlateBlue लिखा जा सकता है। इन नामों को CSS Color Level 3 (2011) और Level 4 (2022) में मानकीकृत किया गया, जो CSS 2.1 के मूल 17 रंगों और प्रारंभिक Unix विंडो सिस्टम से विरासत में मिले 140 X11 रंग नामों पर आधारित हैं।

Color Name Finder किसी भी hex या RGB मान को लेकर उससे निकटतम CSS नामित रंग खोजता है। मिलान एल्गोरिदम RGB आकाश में दो रंगों के बीच की दूरी की गणना करता है, सामान्यतः यूक्लिडियन दूरी: sqrt((r1-r2)^2 + (g1-g2)^2 + (b1-b2)^2)। जिस नामित रंग की आपके इनपुट से दूरी सबसे कम होती है, वही परिणाम बनता है। यदि दूरी शून्य है, तो आपका इनपुट उस नाम से बिल्कुल मेल खाता है।

यह तब उपयोगी होता है जब आप पठनीय, self-explanatory CSS लिखना चाहते हैं। background-color: Tomato जैसा नियम background-color: #ff6347 की तुलना में उद्देश्य को तेज़ी से व्यक्त करता है। यह तब भी सहायक है जब किसी डिज़ाइन समीक्षा, एक्सेसिबिलिटी ऑडिट, या दस्तावेज़ीकरण में किसी रंग का मौखिक संदर्भ देना हो। 'वह लाल-नारंगी वाला' कहने के बजाय आप 'Tomato' कह सकते हैं।

यह Color Name Finder क्यों उपयोग करें?

हाथ से निकटतम नामित रंग खोजने का अर्थ है 148 प्रविष्टियों की संदर्भ तालिका में स्क्रॉल करना और hex मानों को आँखों से जाँचना। यह टूल दूरी की गणना स्वयं करता है और शीर्ष 5 निकटतम मिलानों को उनके सटीक hex कोड और दूरी स्कोर के साथ लौटाता है।

Color Name Finder के उपयोग के मामले

समूह के अनुसार CSS नामित रंग संदर्भ

CSS Color Level 4 विनिर्देश 148 नामित रंग कीवर्ड परिभाषित करता है। नीचे दी गई तालिका उन्हें रंग समूह के अनुसार व्यवस्थित करती है, प्रत्येक समूह के लिए संख्या और कुछ उदाहरण नाम दिए गए हैं। यहाँ सूचीबद्ध प्रत्येक नाम एक वैध CSS रंग कीवर्ड है जो सभी आधुनिक ब्राउज़र में कार्य करता है।

रंग दूरी: यूक्लिडियन RGB बनाम अवधारणात्मक

रंग दूरी मापने की विधि यह निर्धारित करती है कि कौन सा नामित रंग निकटतम माना जाएगा। दो दृष्टिकोण उपलब्ध हैं और वे एक ही इनपुट के लिए भिन्न परिणाम दे सकते हैं।

कोड उदाहरण

RGB आकाश में यूक्लिडियन दूरी का उपयोग करके निकटतम CSS नामित रंग को प्रोग्रामेटिक रूप से खोजें। प्रत्येक उदाहरण एक hex स्ट्रिंग लेता है और CSS विनिर्देश से निकटतम रंग नाम लौटाता है।

// Euclidean distance in RGB space
function nearestCssColor(hex) {
  const r = parseInt(hex.slice(1, 3), 16)
  const g = parseInt(hex.slice(3, 5), 16)
  const b = parseInt(hex.slice(5, 7), 16)

  let bestName = ''
  let bestDist = Infinity

  for (const [name, value] of Object.entries(cssColors)) {
    const r2 = parseInt(value.slice(1, 3), 16)
    const g2 = parseInt(value.slice(3, 5), 16)
    const b2 = parseInt(value.slice(5, 7), 16)
    const dist = Math.sqrt((r - r2) ** 2 + (g - g2) ** 2 + (b - b2) ** 2)
    if (dist < bestDist) { bestDist = dist; bestName = name }
  }
  return bestName
}

nearestCssColor('#6366f1') // → "SlateBlue"
nearestCssColor('#1e293b') // → "DarkSlateGray"

import math

CSS_COLORS = {
    "Crimson": (220, 20, 60), "SlateBlue": (106, 90, 205),
    "Tomato": (255, 99, 71), "Teal": (0, 128, 128),
    # ... full list of 148 entries
}

def hex_to_rgb(hex_str: str) -> tuple[int, int, int]:
    h = hex_str.lstrip("#")
    return (int(h[0:2], 16), int(h[2:4], 16), int(h[4:6], 16))

def nearest_css_color(hex_str: str) -> str:
    r, g, b = hex_to_rgb(hex_str)
    best = min(
        CSS_COLORS.items(),
        key=lambda item: math.dist((r, g, b), item[1])
    )
    return best[0]

print(nearest_css_color("#6366f1"))  # → SlateBlue
print(nearest_css_color("#ff6347"))  # → Tomato (exact match, distance 0)

package main

import (
	"fmt"
	"math"
	"strconv"
)

type CSSColor struct {
	Name    string
	R, G, B int
}

var colors = []CSSColor{
	{"Crimson", 220, 20, 60},
	{"SlateBlue", 106, 90, 205},
	{"Tomato", 255, 99, 71},
	// ... full list
}

func hexToRGB(hex string) (int, int, int) {
	r, _ := strconv.ParseInt(hex[1:3], 16, 64)
	g, _ := strconv.ParseInt(hex[3:5], 16, 64)
	b, _ := strconv.ParseInt(hex[5:7], 16, 64)
	return int(r), int(g), int(b)
}

func nearest(hex string) string {
	r, g, b := hexToRGB(hex)
	best := ""
	bestDist := math.MaxFloat64
	for _, c := range colors {
		d := math.Sqrt(float64((r-c.R)*(r-c.R) + (g-c.G)*(g-c.G) + (b-c.B)*(b-c.B)))
		if d < bestDist {
			bestDist = d
			best = c.Name
		}
	}
	return best
}

func main() {
	fmt.Println(nearest("#6366f1")) // → SlateBlue
}

अक्सर पूछे जाने वाले प्रश्न