Color Tools

Free online color tools — converters, palettes, contrast checkers, and more.

Color Converter

Convert between HEX, RGB & HSL

Hex to RGB

Convert HEX colors to RGB, HSL & more

Color Palette Generator

Create color schemes

Color Contrast Checker

Check WCAG compliance

CSS Gradient Generator

Build CSS gradients visually

Random Color Generator

Generate random colors

Image Color Picker

Pick colors from images

CSS Named Colors

Browse 50 CSS named colors with HEX values, RGB breakdowns, and usage examples.

RedBlueGreenYellowOrangePurplePinkCyanMagentaWhiteBlackGraySilverGoldCoralSalmonTomatoCrimsonMaroonNavyTealAquaLimeOliveIndigoVioletPlumOrchidTurquoiseChocolateSiennaPeruTanWheatIvoryLinenBeigeLavenderThistleKhakiSkyblueSteelblueRoyalblueDodgerblueDeeppinkHotpinkFuchsiaAquamarineSpringgreenMediumseagreen

Color Palettes

Curated color palettes for UI design, branding, and creative projects — ready to copy and use.

SunsetNeonPastelOceanForestMidnightAutumnRetroMonochromeCandyEarthCyberpunkNordicMaterialDracula

Tailwind CSS Color Classes

Reference pages for Tailwind CSS color-related utility classes — backgrounds, gradients, and more.

bg-transparentbg-currentbg-blackbg-whitebg-inheritbg-gradient-to-rtransition-colorstranslate-x-0translate-y-0

Discovery Pages

All Tailwind ClassesAll ToolsAll CSS Properties

Related Hubs

Developer ToolsText ToolsImage Tools

About Color Tools

Color is one of the most powerful elements in design. Choosing the right palette can set the mood of an entire application, improve readability, and strengthen brand identity. Converting between color formats — HEX, RGB, HSL, and HSB — is a daily task for frontend developers and designers working across tools like Figma, CSS, and Tailwind. A reliable color converter eliminates guesswork and ensures consistency across your design system and codebase.

Accessibility is non-negotiable in modern web design. WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text to ensure readability for users with low vision or color blindness. Our contrast checker instantly validates your foreground and background color combinations against both AA and AAA compliance levels, helping you build inclusive interfaces without slowing down your workflow.

CSS named colors provide a human-readable shorthand for 150+ built-in browser colors, from basic primaries like red and blue to specific hues like dodgerblue and mediumseagreen. Tailwind CSS extends this with a carefully curated color scale spanning 22 hue families and 10 shade levels each. Whether you are generating gradients, picking colors from images, or exploring curated palettes for your next project, DuskTools gives you instant, browser-based color utilities with zero sign-up and zero data collection.