This online application algorithmically builds accessible color systems for your next project.
ColorBox is a specialized tool developed by Kevyn that allows designers and developers to generate precise, mathematically-derived color scales using algorithms.
The main features of this tool include:
Algorithmic Color Generation: Instead of picking colors manually, users can define scales based on properties like the number of steps, and specific curves (e.g., easeOutQuad, easeInQuart) for hue, saturation, and brightness.
Precision Control: It allows for fine-tuning the start and end points of a color range, including the "rate" and "rotation" of the color transition.
Rich Export Options: The generated scales can be exported in various formats, including Tailwind CSS, OKLCH, and Swift.
Accessibility Integration: The tool displays contrast ratios (e.g., 3:1 and 4.5:1 against white) for different steps in the scale to ensure the generated colors meet accessibility standards.
Detailed Color Data: For every step in a palette, it provides the exact HEX code along with HSB (Hue, Saturation, Brightness) values.
Workflow Integration: It features a dedicated Figma Plugin and easy-to-use "Share URL" functionality to facilitate collaboration.
Customizable Output: Users can name their color scales (e.g., "Blue") and manage configurations for different output needs.