Skip to content
A Chrome extension that displays a HSL color picker on the new tab page.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md
icon.png
manifest.json
newtab.html
newtab.js
ntc.js
options.css
options.html
options.js
style.css

README.md

Hue Tab

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

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

You can’t perform that action at this time.