Colors & Accessibility
Build accessible color systems, inspect color values, and prepare palettes for websites and products.
Tools in this department
- HSL Lightness Ramp BuilderCreate a stepped lightness ramp from a valid HEX color.
- Brand Color Role MapperMap a set of HEX colors to common interface roles.
- Alpha Color ComposerGenerate rgba and eight-digit HEX values from a color and opacity.
- Color Luminance ReportCalculate relative luminance and black-or-white text contrast.
- Color Token Table BuilderTurn HEX colors into named CSS custom properties.
- Tonal Surface Scale GeneratorCreate surface tint values for layered interface backgrounds.
- Color Pair Difference CheckerCompare two HEX colors by RGB channel and luminance difference.
- Palette Format ExporterFormat entered HEX colors as CSS, JSON, or comma-separated values.
- Print Color Estimate ConverterEstimate CMYK percentages from RGB color values.
- Accessible Text Color RecommenderChoose the stronger black or white text color for a background.