Web app · SvelteKit

Color Converter

Convert color values, adjust RGB or OKLCH controls, and inspect a labeled foreground/background contrast comparison.

Actual static preview. Opens in a new tab.

Included in this template

Named, HEX, RGB and HSL color inputs with format outputs
Keyboard RGB/OKLCH adjustments and recent colors
Clipboard output and opaque-color contrast ratios

Sign in to create an independent source project. Editing and source download are available in your account. Execution and publishing depend on the services available to your project.

Before using this template

Processing runs in your browser. Alpha is available in format outputs; the contrast comparison uses opaque colors. Review output for your target color space and print workflow.

Replace sample business information, configure your own public domain and metadata, and review accessibility and connected services before publishing.

Business and client use

Modify and host permitted end products with the development tools you choose. Competing redistribution of templates is restricted. Third-party material keeps its own license.

Read the template business license