ByBence Tools · Design
#7209B7 Color Picker
A megosztott Color Picker állapot aktuális színe #7209B7. Az érték módosítható, másolható és továbbvihető gradientbe vagy színkeverőbe.
Aktuális szín
#7209B7
A link ugyanazzal a HEX értékkel nyitja meg a Color Pickert.
Megosztott szín
#7209B7 színkód
A megosztott URL ezt a konkrét színt állítja be. Az indexelhető színnév-oldalra a legközelebbi adatbázis-találaton keresztül juthatsz tovább.
HEX
#7209B7
Állapot
megosztható
Indexelés
színadatbázis
OG kép
aktuális szín
Color Picker útmutató
#7209B7: színválasztás, formátumok és kódhasználat
A Color Picker közös alapja az összes ByBence színes eszköznek. Ugyanazt a vizuális választót kapod a gradient stopoknál, a színkeverőben, a favicon háttérszínénél és a színkód-generátornál is, így nem kell minden oldalon más működéshez alkalmazkodni.
A kiválasztott szín azonnal rendelkezésre áll HEX, RGB, HSL, HSV, CMYK és OKLCH formában. A kódokra kattintva másolhatsz, az adatbázis-link pedig a legközelebbi indexelhető névvel rendelkező ByBence színoldalra visz.
Web
HEX / RGB
Közvetlen CSS használat.
Szerkesztés
HSL / HSV
Intuitív hue és világosság.
Modern CSS
OKLCH
Perceptuális színtér.
Adatbázis
Közeli színnév
Kapcsolat a /szinek oldalakkal.
Hogyan használd?
Hue
Válaszd ki a színkör pozícióját.
Telítettség
A 2D mezőben állítsd a szín intenzitását.
Fényesség
Ugyanott finomhangold a világos-sötét érzetet.
Másolás
Kattints bármelyik formátumra vagy kódrészletre.
Miért több egy jó color picker egy natív szín-inputnál?
A böngésző alapértelmezett color inputja gyors, de kevés kontextust ad. Egy fejlesztői munkafolyamatban szükség van pontos színkódokra, másolható CSS-re, formátum-konverzióra és gyakran arra is, hogy ugyanazt a színt különböző rendszerekben használd.
Ezért a ByBence picker nem csak kiválaszt, hanem rögtön fejlesztői kimenetet is készít.
01
HEX
Kompakt és jól olvasható webes formátum.
02
RGB / HSL
Klasszikus CSS és programozási formák.
03
OKLCH
Modern, perceptuális szemléletű CSS színtér.
04
Képernyőről választás
Támogatott böngészőben EyeDropper segítségével.
A színkód és a színnév nem ugyanaz
Egy tetszőleges 24 bites RGB színhez nem feltétlenül létezik pontos emberi színnév. A ByBence színadatbázis ezért a legközelebbi indexelhető névvel rendelkező színt keresi meg, és külön jelzi, hogy ez közeli találat.
Ez azért is hasznos, mert a tool nem zsákutca: egy kattintással tovább tudsz menni a részletes színoldalra, ahol árnyalatok, párosítások és további színinformációk érhetők el.
Kódkimenet design systemhez
A kiválasztott szín ne csak egy HEX legyen. A tool CSS custom property, Chakra UI token, inline style és Tailwind arbitrary value formában is megmutatja, hogy gyorsabban tudd tényleges projektbe tenni.
Példa
ByBence Tools
:root {
--brand: #2563EB;
}
<Box bg="#2563EB" color="white" />
<div class="bg-[#2563EB]" />Gyakori kérdések
Milyen formátumokat ad vissza a Color Picker?
HEX, RGB, HSL, HSV, CMYK és OKLCH értékeket, továbbá CSS, Chakra UI, React és Tailwind kódrészleteket.
Lehet képernyőről színt választani?
Azokban a böngészőkben, amelyek támogatják az EyeDropper API-t, a Képernyőről gombbal közvetlenül mintát vehetsz a képernyő egy pixeléről.
Megosztható egy konkrét szín?
Igen. A megosztási link a kiválasztott HEX kódot tartalmazza, ezért ugyanazzal a színnel nyílik meg. A szín név szerinti indexelhető céloldala továbbra is a ByBence színadatbázis.