Initializing, please wait a moment

Como elegir un color en linea - HEX, RGB y HSL

Un selector de color te permite elegir un color y leer al instante sus valores HEX, RGB y HSL. Elige un tono, copia el valor en tu CSS y ve paletas complementarias, analogas y de tonos. Una lectura de contraste indica si el texto sobre el color es legible. Todo se ejecuta en tu navegador.

Last reviewed: 2026-06-15

FreetoolOnline editorial team

Propiedad	Valor
Formato	En linea, sin instalar, sin registro
Costo	Gratis
Herramienta de implementacion	https://freetoolonline.com/developer-tools/color-picker.html

Pasos

Abre el cuadro de color y elige un tono.
Lee los valores HEX, RGB y HSL; haz clic en Copiar para poner uno en el portapapeles.
Usa una muestra complementaria, analoga o de tono como el siguiente color haciendo clic en ella.
Guarda los colores que reutilizas en favoritos; los colores recientes se recuerdan automaticamente.

HEX, RGB y HSL

HEX es un codigo de seis digitos como #3366FF. RGB enumera los canales rojo, verde y azul de 0 a 255. HSL da el matiz (0 a 360 grados), la saturacion y la luminosidad en porcentaje. La herramienta muestra los tres para el color elegido, ademas de una lectura de contraste basada en la formula de luminancia relativa de la WCAG para evaluar la legibilidad.

Color	HEX	RGB
Blanco	#FFFFFF	rgb(255, 255, 255)
Negro	#000000	rgb(0, 0, 0)
Rojo	#FF0000	rgb(255, 0, 0)
Verde	#00FF00	rgb(0, 255, 0)
Azul	#0000FF	rgb(0, 0, 255)

Privacidad

Todo se ejecuta en tu navegador. Los favoritos y los colores recientes quedan en tu dispositivo, no se sube nada y no hay cuenta que crear.

← Volver a herramientas de desarrollo

Last updated: Jun 30, 2026

Reviewed by the Free Tool Online editorial team · Tested in the current versions of Chrome, Firefox, Safari, and Edge before publishing. No account is needed to use any tool. Report a bug - we triage within 72 hours. · Last refreshed April 2026.

Why trust these tools

Ten-plus years of web tooling. The freetoolonline editorial team has shipped browser-based utilities since 2015. The goal has never changed: get you to a working output fast, without an install.
No install, no sign-up. Open a tool and get a working output in seconds - nothing to download and no account to create. Tools that need heavy processing run it on our service, so even a low-powered machine gets the job done.
Analytics stops at the page view. We measure which pages get visited, not what you type or upload inside a tool. There is nothing to sign in to and no profile is attached to your input.
Open-source core components. The processing engines underneath (libheif, libde265, pdf-lib, terser, clean-css, ffmpeg.wasm, and others) are public and audit-able. We link to each one in its tool page's footer.
Free, with or without ads. All tools are fully functional without sign-up. The Disable Ads button in the header is always available if you need a distraction-free run.

Related tools:

MD5 converter - Free online MD5 hash generator and MD5-to-text reverse lookup.
Convert PDF to TEXT online - Extract text from PDF online for copying and editing.
Text To HTML Editor - Text to HTML editor online - write in a WYSIWYG view and watch the generated HTML update live, with
CSS Gradient Animator Generator - CSS gradient generator - build animated linear gradients with live preview; copy ready-to-paste CSS
CSS Minifier - Minify CSS online for faster page loads.
CSS UnMinifier - CSS unminifier online - beautify minified CSS with proper indentation, line breaks, and readable
JavaScript Minifier - JavaScript minifier online free - paste your JS, click Minify, and copy the compressed code.
JSON Parser By Tree View - Paste JSON to validate, format, and view it in a tree.
JavaScript UnMinifier - JavaScript unminifier online - reformat minified JS with indentation and line breaks for
Keyboard Test - Keyboard test online - press each key to highlight it, spot non-working keys, and verify Num Lock,
Text Diff - Text diff online - compare two text blocks and highlight added, removed, and changed characters,
Developer Tools - Developer tools to parse JSON, minify or unminify CSS/JS, compare text, and generate MD5 hashes.

Tags: #developer

Related guides:

Unix Timestamps Explained - Unix timestamps explained - seconds vs milliseconds, ISO-8601, RFC 2822, UTC vs local time, and the
CSS Minifier vs Compressor - CSS minifier vs compressor - whitespace removal vs gzip/brotli compression, what each saves, and
MD5 vs SHA-256 - When to Hash - MD5 vs SHA-256 - speed, collision resistance, and concrete use cases.
CSV vs JSON Data Formats - CSV vs JSON data formats - when to pick rows-and-columns vs structured objects, with parsing, size,
JSON Parser Online: Validate vs Format vs Tree View - Validate, format, or explore JSON?
Milliseconds to Date - UTC vs Local Time - Milliseconds to date conversion: UTC vs local time, why your result may be hours off, and how to
Current Time in Milliseconds - Read the current time in milliseconds since the Unix epoch in the browser, copy it for a log line
Time in Milliseconds - A time in milliseconds is a number where 1 second equals 1000 ms.
How to Minify CSS and JS for Cloud Run Cold Start - Minify CSS and JS to cut Cloud Run cold-start and Cloudflare Workers bundle size.
Unminify JS: Restore Readability of Minified JavaScript - Unminify minified JavaScript online for free.
Online Diff Tool - Compare Two Texts Side-by-Side Guide - Online diff tool guide: paste two text blocks and read the added, removed, and changed lines
MD5 Hashing in the Browser - What `common::md5::gethash64string` Style Calls Do - MD5 hashing explained for readers searching framework-style method names.