By Sara Ahmed · Updated May 26, 2026 · 3 min read
Designers, developers and marketers all live and die by color codes. Brand guidelines are written in HEX, CSS files in RGB or HSL, and print shops in CMYK. Picking the wrong format leads to a button that looks off-brand or a banner that prints with muddy colors, so having a quick way to grab the exact value of any color is essential.
The Color Picker on Rash Tools lets you pick any color, copy its HEX, RGB and HSL codes with one click and build a small palette as you work. Use the visual picker to explore variations, or paste a value to convert it between formats instantly. There are no accounts, no exports — just a fast tool you can pull up between Figma and your code editor.
When building a palette, start with one primary color and generate two or three supporting shades by adjusting only the L (lightness) value in HSL. This keeps everything looking like it belongs to the same family. For UI work, also pick a near-black text color and a near-white background — pure black and white usually feel too harsh on screens.
If you need to match a color from a screenshot or photo, drop the image into the Color Picker and click anywhere on it to read the exact value. That trick alone saves hours when you are trying to copy a competitor's button color, replicate a brand identity or extract a palette from an inspiring photograph.
