Dan's Tools hexcolortool.com

Color Picking Tool

  • Development
    • HTML/JS/CSS Playground
    • Color Picker
    • CSS Fonts
    • Convert Files
    • .htaccess Generator
    • Javascript Error Logger
    • RegEx Testing
    • TimeStamp Converter
    • Website Speed Test
  • Encode/Decoders
    • Base64 Encode/Decode
    • Binary Converter
    • Online Diff Tool
    • HTML Entities Escape
    • MD5 Hash Generator
    • SHA-1 Hash Generator
    • URL Encode/Decode
  • Formatters
    • CSS Formatter
    • GO Formatter
    • HTML Formatter
    • Javascript Formatter
    • Javascript Obfuscate
    • JSON Formatter
    • JSON Editor
    • JSON Validator
    • Perl Formatter
    • PHP Formatter
    • Python Formatter
    • Ruby Formatter
    • SQL Formatter
    • XML Formatter
  • Images
    • Favicon.ico & App Icon Generator
    • Online Image Editor
    • CSS Sprite Generator
  • Internet
    • Email Validator
    • Is It Up Or Down
    • Default Router Settings
    • What is my IP
  • Minifiers
    • CSS Minify
    • Javascript Minify
    • JSON Minify
  • SEO
    • Adblock Monitor & Notification
    • Keyword Tool
    • Pagerank Checker
  1. Related:
  2. CSS Fonts
  • Tweet Follow @danstools00  
Enter a color:

  • 1%
  • 2%
  • 3%
  • 4%
  • 5%
  • 6%
  • 7%
  • 8%
  • 9%
  • 10%
  • 11%
  • 12%
  • 13%
  • 14%
  • 15%
  • 16%
  • 17%
  • 18%
  • 19%
  • 20%

Working Palette

Click the Darken, Lighten, etc buttons to see more color samples here.

Saved Palette

Click Save to keep a list of colors you like and want to work with.

All About Picking Colors

Digital color can be represented in a number of ways. The most common ways to represent color on the web are via a 6-digit HEX number, RGBA, and HSL (Support for HSL was added in CSS3).

  • Hex is a 6-digit, 24 bit, hexidecimal number that represents Red, Green, and Blue. An example of a Hex color representation is #123456, 12 is Red, 34 is Green, and 56 is Blue. There are 16 million possible colors.
  • RGBA is similar to Hex in that it has 24 bits for RGB color, bit there is an additional 8 bit value for transparency.
  • HSL stands for Hue, Saturation, and Lightness. The values are based on a position from the center of a color wheel. The value for Hue is from 0 to 360, representing the degrees on a color wheel. Saturation is the distance from the center of the color wheel. The L stands for Lightness, which represents the preceived liminance of the color.

Featured Colors

HTML: #1d211b
HTML: #1A1D18
HTML: #171A15
HTML: #141712
HTML: #111310
HTML: #0E100D
HTML: #0B0D0A
HTML: #080908
HTML: #1d211b
HTML: #333731
HTML: #4A4D48
HTML: #60635F
HTML: #777976
HTML: #8E908D
HTML: #A4A6A3
HTML: #BBBCBA
© Dan's Tools | Contact | About | For more dev tools, check out danstools.com

Please Share!

Thank you for using my tool. If you could share this tool with your friends, that would be a huge help:
Tweet
submit to reddit


Or follow us to learn about our latest tools:
Follow @danstools00