Skip to content
/ Hue-Tab Public

A Chrome extension that displays a HSL color picker on the new tab page.

License

Notifications You must be signed in to change notification settings

TwoTau/Hue-Tab

Repository files navigation

Hue Tab

Chrome Web Store Chrome Web Store Chrome Web Store

Hue Tab is a Chrome extension that displays a HSL color picker on every new tab page.

HSL (Hue, Saturation, and Lightness) is an intuitive way to represent colors.

Hue (0 - 360):
Hue slider

Saturation (0 - 100%):
Saturation slider

Lightness (0 - 100%):
image

For example, hsl(120, 50%, 50%) is a moderate lime green, which would be #40BF40 as an RGB hex.

Options

Defaults checked.

Color sample

  • Click sample to set background color
  • Show hexcode
  • Show color name

Color scheme

  • Show color scheme
  • Hex visible
  • Click color to set sample color
  • Click color to set background color

Starting colors

Color on start

  • (∘) Random
  • ( ) Custom color

Background color on start

  • (∘) Random
  • ( ) Match start color
  • ( ) Custom color

Background color if incognito

  • ( ) Random
  • ( ) Match start color
  • (∘) Dark gray (#222)
  • ( ) Custom color

Buttons

  • Random button visible
  • Settings button visible

Text

  • Font family: Open Sans
  • Font size (%): 100%
  • Uppercase hexes

Screenshots

Annotated screenshot:

Annotated screenshot of new tab page

New tab page with default settings:

Screenshot of a new tab page

Including color name and hiding hexcodes in color scheme:

Screenshot with color name

New tab page in incognito and lowercase hexcodes:

Screenshot of a new tab in incognito

Different font:

Screenshot with Quantico font in purple

Different font with no color scheme:

Screenshot without the color scheme

Options page

Screenshot of options page