The Best Color Picker Tools every UI designer needs

Whether you’re creating a logo, designing a website, or defining a brand identity, color plays a vital role in any design project. Hence, a color picker tool is essential for your next project.

Shahzaib Khan
3 min readNov 25, 2020

To save color palettes you find online is not always an easy process. You could use the browser’s Inspect tool to grab the hex code or grab a screenshot and use Photoshop later on to pull the colors from it. Or you could simplify the process and grab a dedicated color picker tool that will allow you to grab color from any website, hence If you are looking for an eyedropper tool, color identifier or color capture, check this section.

With the color pickers mentioned here, you will be able to create new color combinations and define great ones. Almost all of these tools are free:

  • BrandColors — the biggest collection of official brand color codes around.
  • Calcolor — a web-based color palette management tool which provides a new way to interact with digital colors.
  • Chroma — free web app which allows you to identify the color.
  • Color — create color schemes with the color wheel or browse thousands of color combinations from the Color community. Made by Adobe.
  • Color by Cloudflare — a tool to preview palettes against UI elements, cycle through accessible color combos and create palettes manually, via URL import, or generatively.
  • Color Deck — an HSL driven color palette collection. It’s also open-source.
  • Color Hexa — free color tool providing information about any color and generating matching color palettes for designs.
  • Color Hunt — free and open platform for color inspiration with thousands of trendy hand-picked color palettes.
  • ColorKit — a tool for blending colors and generating a color’s shades and tints.
  • Color Leap — leap through time and see the colors of history.
  • Colorpicker — a complete and open-source color manipulation tool with picking.
  • ColorSlurp — the ultimate color productivity booster for designers and developers.
  • ColorsWall — place to store your color palettes or easy generate.
  • Colorwise — search through the color palettes of the most voted products on Product Hunt.
  • Colour Cafe — colors inspiration that has selected a modern color palette on Instagram.
  • Colourcode — an online designer tool, which allows you to easily and intuitively combine colors.
  • Coolors — the super-fast color scheme generator.
  • Culrs — thoughtfully crafted and easy-to-use color palettes.
  • Geenes — a tool to create harmonious color themes with code and sketch file export.
  • Image Color Picker — image color picker and color scheme generator.
  • Instant Eyedropper — a minimalist eyedropper tool for windows, supports multiple color formats for both designers and developers.
  • Just Color Picker — Free portable offline color picker and color editor.
  • Khroma — AI-based tool to generate color palettes based on your preferences.
  • Material Colors Native — Google’s material design color palette in the form of a mac app.
  • Material Design Palette Generator — get perfect Material Design color palettes from any hex color.
  • Paletton — a designer tool for creating color combinations that work together well.
  • Picular — a rocket fast primary color generator using Google’s image search.
  • Pigment — a color palette generator with innumerable color configurations suggested by the app.
  • Pikka — color picker & color schemes generator for macOS.
  • React Color — a collection of color pickers from Sketch, Photoshop, Chrome. It‘s free and open-source.
  • Sip — a better way to collect, organize and share colors. Global eyedropper tool for macOS.
  • Skala Color — works with a huge variety of formats, covering everything you’re likely to need for web, iOS, Android, and macOS development.
  • Swatches — iOS app that lets you collect, inspect and share the colors that inspire you in your daily life.
  • Viz Palette — color picker for data visualizations.

If you enjoyed this post…it would mean a lot to me if you could click on the “claps” icon…up to 50 claps allowed — Thank You!

--

--

Shahzaib Khan

Developer / Data Scientist / Computer Science Enthusiast. Founder @ Interns.pk You can connect with me @ https://linkedin.com/in/shahzaibkhan/