WeVividWeVividGenerate a tint-to-shade ramp from any colour, see its nearest colour name, and preview it applied to a mobile app mock-up.
The tool finds the closest of the 148 standard CSS colour names to your chosen colour, by comparing RGB values — it's an approximation, not an exact match unless you pick a named colour exactly.
The shade ramp gives you lighter tints and darker shades of the same hue — handy for hover states, borders and backgrounds that need to relate to your main colour.
Yes — tap any shade swatch to copy its HEX code to your clipboard.