liveBook · Manning

Color picker

As explained in A Pythonic Adventure: From Python basics to a working web app

A color picker is an interactive tool for selecting colors and inspecting their representations.

A color picker is an interactive tool for choosing a color and inspecting its representation. Pick a base color from the rainbow, then adjust its shade with the white circle. section 13.0

Use a color picker to:

  • Explore color choices for a web-page background. section 13.0
  • Adjust a selected color to make it lighter or darker. section 13.0
  • Copy the six-character hexadecimal value, including its hash sign, into CSS. section 13.0

Choosing a coffee-shop background

Search for a color picker, choose a cappuccino-like shade, copy its hexadecimal value, and add it to the stylesheet as a body background-color declaration. section 13.0

Listing 13.4 static/css/coffeeshop.css: Add a background color to CSS
h1 {font-family: 'Playfair Display', serif;}
 
body {background-color: #e8d9b7;}

Inspect a complete CSS example that applies a picked hexadecimal color to the page background. section 13.0

How A Pythonic Adventure: From Python basics to a working web app covers it

How deep it goes
Explains base-color and shade selection plus hexadecimal copying, but does not develop color theory or palette design.
Examples
Uses a coffee-shop background, a cappuccino-like color, a Google search, and a CSS body declaration.
What it assumes
Assumes familiarity with a browser and a CSS file, while teaching color selection and hexadecimal values from the beginning.
What you can do after
Apply it via a color picker and CSS to select and set a web-page background color.
How it connects
Connects color selection with CSS, hexadecimal color codes, background color, and web-page styling.

Also explained in

Compare how 4 books explain color picker →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of A Pythonic Adventure: From Python basics to a working web app. The section links point to the parts of the book it draws on.