Skip to main content
Nivesly Tools

Tools

Color Picker

Pick any color using the visual picker or quick swatches. Instantly get HEX, RGB, HSL, and CSS variable formats. Your recent color selections are saved for quick access.

FreeVisual PickerHEX & RGB & HSLColor History
#3B82F6
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CSS var--color: #3b82f6;

Quick Swatches

Color formats at a glance

  • HEX (#3b82f6): Most common in CSS and design tools
  • RGB (rgb(59, 130, 246)): Useful for dynamic CSS composition
  • HSL (hsl(217, 91%, 60%)): Most readable for humans
  • CSS variable (--color: #3b82f6): Best for design systems