Áttekintés
Húzza az egérmutatót az elemek fölé, hogy színadatokat és hétköznapi neveket lásson.
# Color Name Tooltip – A tökéletes webes színfelismerő eszköz ## Áttekintés Ön designer, fejlesztő vagy digitális művész, aki gyakran azon töpreng, milyen pontos árnyalatokat használnak a weben? Esetleg több millió embertársunk egyike, aki valamilyen színtévesztéssel küzd, és nehezen tesz különbséget hasonló színek között? Üdvözöljük a Color Name Tooltip világában – ez egy nagy teljesítményű, mégis könnyű Chrome-bővítmény, amelyet azért hoztunk létre, hogy tisztábbá, pontosabbá és mindenki számára hozzáférhetővé tegye a böngészést. A Color Name Tooltip nem csupán egy átlagos színválasztó. Ez egy intelligens, valós idejű színazonosító motor, amely közvetlenül a böngészőjében működik. Egyszerűen vigye az egeret bármely weboldal tetszőleges eleme fölé, és máris láthatja a kiszámított CSS-színértékeket többféle formátumban, egy közérthető név kíséretében, amely mindenki számára egyértelmű. ## Miért válassza a Color Name Tooltipet? A web élénk hely, de a színek technikai oldala ijesztő lehet. A #F08080-hoz hasonló hexakódok vagy a (240, 128, 128) értékű RGB kódok az átlagember számára nem sokat mondanak. Még a tapasztalt szakemberek számára is nehéz elképzelni a pontos árnyalatot egy számsor alapján. Itt lép a képbe a Color Name Tooltip. Áthidalja a szakadékot a technikai adatok és az emberi nyelv között. Amikor egy elem fölé viszi az egeret, nemcsak a matekot látja, hanem a színt is. A program „Light Coral” (világos korall) néven azonosítja a színt, így azonnal vizualizálhatja az árnyalatot. ## Főbb jellemzők ### 1. Azonnali azonosítás rámutatással Nem kell megnyitnia a fejlesztői eszközöket vagy kattintania az elemekre. Csak mozgassa a kurzort a képernyőn, és az eszköztár (tooltip) követi azt, azonnal frissülve, ahogy a különböző színek fölé siklik. Legyen szó háttérről, szegélyről vagy szövegről, a Color Name Tooltip megtalálja a számított színt és elegánsan megjeleníti. ### 2. Átfogó színadatok A profik számára minden lényeges technikai részletet biztosítunk: - **Hexadecimális:** A webdesign iparági szabványa. - **RGB (Vörös, Zöld, Kék):** Elengedhetetlen számos tervezőalkalmazáshoz és CSS-hez. - **HSL (Színárnyalat, Telítettség, Világosság):** Gyakran a legintuitívabb módja a tervezők számára a színek megértésének és módosításának. ### 3. Legközelebbi CSS-színnév Szeretné tudni, mi a legközelebbi „hivatalos” CSS-színnév? Bővítményünk összehasonlítja a kijelölt színt a 140+ CSS-színnév szabványos készletével, és megadja a legközelebbi találatot. Ez hihetetlenül hasznos azoknak a fejlesztőknek, akik a jobb olvashatóság érdekében szabványos neveket szeretnének használni stíluslapjaikon. ### 4. Részletes, közérthető leírások (ntc.js) Ez a bővítményünk akadálymentesítésének szíve. Több mint 1500 színkategóriát tartalmazó hatalmas keresőtáblát építettünk be. Az általános nevek helyett leíró, kifejező neveket kap, mint például „medium coral pink”, „dark navy blue” vagy „dusty lavender”. Ezek a nevek a híres „Name That Color” (ntc) algoritmusból származnak, olyan részletességet biztosítva, amelyet a szabványos választók egyszerűen nem tudnak felülmúlni. ### 5. Akadálymentesítésre tervezve A Color Name Tooltipet a színtévesztő felhasználókat szem előtt tartva fejlesztettük. A színtévesztés megnehezítheti a weben való tájékozódást, különösen, ha a színeket jelentés átadására vagy szakaszok megkülönböztetésére használják. Azzal, hogy minden színhez egyértelmű, írásos nevet rendelünk, képessé tesszük a felhasználókat arra, hogy megértsék bármely weboldal vizuális hierarchiáját és esztétikai választásait, függetlenül a színérzékelésüktől. ## Hogyan működik A motorháztető alatt a Color Name Tooltip kifinomult logikát használ az elemek „számított stílusának” meghatározására. Intelligensen azonosítja, hogy a háttérszínt vagy a szövegszínt jelenítse-e meg, attól függően, hogy mi a domináns a kurzor alatt. Az adatokat ezután beépített könyvtárainkon keresztül dolgozzuk fel—az `ntc.js`-t a közérthető nevekhez, és a `css_colors.js`-t a szabványos CSS-illesztésekhez—, hogy ezredmásodpercek alatt átfogó színprofilt nyújtsunk. ## Minimalista és nem zavaró Hiszünk abban, hogy az eszközöknek nem szabad útban lenniük, amíg nincs rájuk szükség. A Color Name Tooltip jellemzői: - **Letisztult felület:** Modern, félig átlátszó eszköztár, amely nem takarja el a nézetet. - **Intelligens pozicionálás:** Az eszköztár automatikusan áthelyezi magát, hogy mindig a böngésző nézetablakán belül maradjon. - **Ki- és bekapcsolás:** Szünetre van szüksége? Könnyedén engedélyezheti vagy letilthatja az eszköztárat a bővítmény felugró menüjéből. Ott van, amikor szüksége van rá, és eltűnik, amikor nem. ## Tökéletes választás: - **Webdesignereknek:** Gyorsan kikereshetik a színeket inspirációs oldalakon anélkül, hogy a kódba mélyednének. - **Frontend fejlesztőknek:** Ellenőrizhetik, hogy az élő oldalon lévő színek megfelelnek-e a tervezési specifikációknak. - **Digitális művészeknek:** Bővíthetik színismeretüket azáltal, hogy látják a felfedezett árnyalatok nevét. - **Akadálymentesítési szakembereknek:** Biztosíthatják, hogy oldalaik minden felhasználó számára érthetők legyenek a színleírások ellenőrzésével. - **Színtévesztőknek:** Új szintű függetlenséget szerezhetnek a vizuális web felfedezésében. ## Adatvédelem és teljesítmény Az Ön adatainak védelme a prioritásunk. A Color Name Tooltip teljesen helyileg, a böngészőn belül működik. Nem követi a böngészési előzményeket, nem gyűjt személyes adatokat, és nem kommunikál külső szerverekkel. Emellett a teljesítményre is erősen optimalizált, biztosítva, hogy a böngészési élmény még komplex, színpompás weboldalakon is sima és gyors maradjon. ## Csatlakozzon a közösséghez Elkötelezettek vagyunk amellett, hogy a Color Name Tooltip legyen a legjobb színkezelő segédeszköz a weben. Ha javaslatai vannak új funkciókra, problémába ütközik, vagy csak meg szeretné osztani velünk, hogyan segítette a bővítmény, szívesen várjuk visszajelzését! Visszajelzései fejlesztéseink hajtóerejét képezik. Telepítse a Color Name Tooltipet még ma, és lássa a webet új megvilágításban—nevekkel együtt!
Részletek
- Verziók1.0
- Frissítve2026. május 26.
- Forrás:Ezra Free Apps
- Méret55.34KiB
- Nyelvek41 nyelv
- Fejlesztő
E-mail
ezra.nicholson2026@gmail.com - Nem kereskedőEz a fejlesztő nem azonosította magát kereskedőként. Felhívjuk az Európai Unióban élő fogyasztók figyelmét arra, hogy a fogyasztói jogok nem érvényesek az Ön és a fejlesztő közötti szerződésekre.
Adatvédelem
Ez a fejlesztő kijelenti, hogy az Ön adatai:
- Nem kerülnek értékesítésre harmadik félnek az engedélyezett használati eseteken kívül.
- nem lesznek felhasználva vagy átadva olyan célokból, amelyek nem kapcsolódnak az elem alapvető működéséhez;
- nem lesznek felhasználva vagy átadva hitelképesség-meghatározási vagy kölcsönzési célokra.