Acest selector de culori pornește de la o mostră vizuală și ține valorile exacte la îndemână. Poți lipi o valoare hex CSS precum #3366cc, poți ajusta canalele roșu, verde, albastru și alfa sau poți regla nuanța, saturația și luminozitatea pentru lucrul la un design system. Valorile culorilor nu sunt încărcate nicăieri - conversiile se fac local în JavaScript.
Selector de culori gratuit
Rulează integral în browserul tău - fără încărcare, fără cont.
Selectată#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Ce este un selector de culori?
Un selector de culori este un instrument pentru alegerea unei culori digitale exacte și copierea valorilor ei pentru design sau cod. Folosește mostra de culoare, câmpul HEX, sliderele RGB sau controalele HSL, apoi copiază instant valori HEX, RGB, HSL, HSV sau CMYK. Totul rulează în browser.
Cum se folosește
- 1Alege sau lipește o culoare. Apasă pe mostra mare pentru a deschide selectorul de culori al browserului sau lipește o valoare hex de 3, 4, 6 sau 8 cifre în câmpul HEX.
- 2Ajustează canalele. Folosește sliderele RGB pentru roșu, verde, albastru și alfa sau editează nuanța, saturația și luminozitatea când vrei un control mai potrivit pentru design.
- 3Copiază formatul necesar. Copiază HEX, HEX8, RGB, HSL, HSV sau CMYK cu un singur clic. Previzualizarea și fiecare valoare de ieșire se actualizează live.
Pentru cine este
- Dezvoltatori front-end care copiază valori HEX, RGB și HSL gata pentru CSS în timp ce construiesc interfețe.
- Designeri care ajustează o culoare de brand pe canale, în loc să o ghicească într-o aplicație grafică.
- Echipe de marketing care potrivesc culorile campaniilor în editoare de email, documente și materiale pentru social media.
- Studenți și creatori care învață cum RGB, HSL, HSV și CMYK descriu aceeași culoare.
Întrebări frecvente
Este gratuit acest selector de culori?
Da. Selectorul de culori este gratuit, nu cere înregistrare și nu are limită de utilizare. Deschide pagina, alege o culoare și copiază formatul de care ai nevoie.
Culorile mele sunt încărcate undeva?
Nu. Selectorul și conversiile rulează în browser cu JavaScript simplu. Culorile selectate nu sunt trimise către un server.
Ce formate de culoare pot copia?
Poți copia HEX, HEX de 8 cifre cu alfa, RGB sau RGBA, HSL sau HSLA, HSV și CMYK. Instrumentul le menține sincronizate în timp ce editezi.
Pot lipi o culoare hex?
Da. Lipește valori hex CSS de 3, 4, 6 sau 8 cifre, cu sau fără simbolul #. Valorile scurte sunt extinse după regulile normale CSS.
Ce este HEX8?
HEX8 este o culoare hex de 8 cifre în care ultima pereche stochează alfa. De exemplu, #3366cc80 este același albastru cu aproximativ 50% opacitate.
Să folosesc RGB sau HSL în CSS?
Folosește RGB când ai nevoie de valori exacte pe canale sau de alfa cu rgba(). Folosește HSL când vrei să creezi tente, umbre sau stări UI conexe prin schimbarea saturației și luminozității.