Imagen del logotipo del elemento para ColorAlias — Design Tokens & Contrast Studio

ColorAlias — Design Tokens & Contrast Studio

Elemento multimedia 1 (captura de pantalla) de ColorAlias — Design Tokens & Contrast Studio

Descripción general

Paletas de proyecto con tokens semánticos, contraste WCAG en vivo sobre la página real, y export a Tailwind, CSS y JSON.

ColorAlias is the ultimate precision workspace for UI/UX designers, frontend developers, and creators who need to capture, organize, and export project colors effortlessly. Designed with a sleek high-contrast aesthetic (Ink & Brass), ColorAlias unifies your entire design-to-code workflow inside a single Chrome side panel. KEY FEATURES Fast Precision Capture: Use the native Eyedropper API to pick and save any color directly from your screen. Smart Bulk Import: Paste CSS (:root), JSON, or raw text containing HEX/RGB values and let ColorAlias detect and add them instantly. Semantic Token Organization: Assign design roles (such as backgrounds, text, borders, surfaces, or custom categories) to your colors. Live WCAG 2.1 Contrast Inspector: Test contrast ratios (AA and AAA compliance) for your color pairs with dynamic text size preview. Live Contrast Lens: Inject and preview your contrast text/background combinations directly onto the active webpage's DOM in 1 click. 1-Click Exports: Generate clean, production-ready code for Tailwind CSS v4, Tailwind v3, CSS Variables (:root), SCSS, or W3C Standard JSON. HOW TO GET STARTED Click the ColorAlias icon to open the Chrome side panel. Use the Eyedropper to pick a color or click "Import" to paste an existing palette. Organize your colors into projects and assign semantic roles. Export your code in your preferred framework format. SECURITY & PRIVACY ColorAlias stores your palettes and projects locally in your browser. We respect your privacy: we do not sell, track, or share your data with third parties. Category Developer Tools Single Purpose Organizes project colors as design tokens with semantic roles, inspects accessibility contrast on live webpages, and exports them to code.

Detalles

  • Versión
    1.0.0
  • Actualizado
    5 de agosto de 2026
  • Ofrecido por
    Aidially
  • Tamaño
    1.41MiB
  • Idiomas
    2 idiomas
  • Desarrollador
    Correo electrónico
    info@aidially.com
  • No operador
    Este desarrollador no se ha identificado como operador. Los consumidores residentes en la Unión Europea deben tener en cuenta que los derechos de los consumidores no son aplicables a los contratos que suscriban con este desarrollador.

Privacidad

Gestiona las extensiones y descubre cómo se usan en tu organización
El desarrollador ha comunicado que no recogerá ni usará tus datos. Para obtener más información, consulta la privacy policy del desarrollador.

Este desarrollador declara que tus datos:

  • No se venden a terceros, excepto en los casos de uso aprobados
  • No se usan ni se transfieren para fines no relacionados con la función principal del elemento.
  • No se usan ni se transfieren para determinar la situación crediticia ni para ofrecer préstamos.

Relacionados

Color Capture

5,0

Pick colours, check WCAG contrast, analyse palettes, and save HEX, RGB and HSL locally in Chrome.

Pixel Perfect : Color Picker

4,8

Professional color picker with EyeDropper, palette generator, and WCAG contrast check. Export to ASE, GPL, or JSON.

MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie

5,0

Export web to code in one click. Web element inspector & font finder: grab CSS, fonts, colors, SVGs & Lottie. No DevTools.

Color Picker Pro

0,0

Scan any page's colors, pick pixels, check WCAG contrast, and export palettes as CSS, SCSS, Tailwind, JSON or Figma tokens.

UI Inspector - Editor CSS Visual

4,0

Inspecciona y edita visualmente los elementos y su CSS directamente en la página para un diseño y depuración de interfaz más…

GetLayers

5,0

Inspecciona y copia CSS, Tailwind, colores, fuentes y recursos de cualquier elemento. Herramienta de diseño para desarrolladores.

Coloracci: CSS Inspector, Colors & AI Specs

5,0

Inspect CSS, extract color palettes, fonts & assets from any site. Copy elements as CSS, Tailwind or AI prompts. 100% free.

Clip Mojo: Color Picker + Palette Manager

5,0

Color picker and palette manager: eyedropper, page color clipping, swatch export, harmony suggestions, and WCAG contrast checks.

Color Picker e Inspector de Fuentes — StyleDrop

0,0

Color picker e inspector de fuentes para cualquier web. Copia CSS, degradados, design tokens y contraste WCAG; exporta a DESIGN.md.

Page Ruler – CSS Inspector & Grid Overlay

3,3

Screen ruler, element inspector, grid overlay & CSS/Tailwind export for pixel-perfect UI design and frontend QA.

Design Analyzer - Extract Design Elements

0,0

Extract colors, fonts, spacing, shadows & effects from any website. Export to CSS, JSON, Figma, Sketch. One-click design analysis.

Designer Toolkit

0,0

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

Color Capture

5,0

Pick colours, check WCAG contrast, analyse palettes, and save HEX, RGB and HSL locally in Chrome.

Pixel Perfect : Color Picker

4,8

Professional color picker with EyeDropper, palette generator, and WCAG contrast check. Export to ASE, GPL, or JSON.

MiroMiro: Web to Code, Web Inspector, Font Finder & Lottie

5,0

Export web to code in one click. Web element inspector & font finder: grab CSS, fonts, colors, SVGs & Lottie. No DevTools.

Color Picker Pro

0,0

Scan any page's colors, pick pixels, check WCAG contrast, and export palettes as CSS, SCSS, Tailwind, JSON or Figma tokens.

UI Inspector - Editor CSS Visual

4,0

Inspecciona y edita visualmente los elementos y su CSS directamente en la página para un diseño y depuración de interfaz más…

GetLayers

5,0

Inspecciona y copia CSS, Tailwind, colores, fuentes y recursos de cualquier elemento. Herramienta de diseño para desarrolladores.

Coloracci: CSS Inspector, Colors & AI Specs

5,0

Inspect CSS, extract color palettes, fonts & assets from any site. Copy elements as CSS, Tailwind or AI prompts. 100% free.

Clip Mojo: Color Picker + Palette Manager

5,0

Color picker and palette manager: eyedropper, page color clipping, swatch export, harmony suggestions, and WCAG contrast checks.

Aplicaciones de Google