Chapter 2. Using Kontrast

Screenshot of Kontrast

After opening the application, you will be presented with a screen similar to the one above - this is the main screen of Kontrast and contains most of its features. A randomly selected text color, background color and their contrast ratio will be displayed as an example.

Selecting Text and Background Colors

There are five main ways in which colors can be selected for comparison. These are outlined below.

Input Hex Values

If you know the hex values of the colors that you would like to check, then you can input them directly. To do so, click on the hex value of the sample color currently on the screen and type in the desired value.

Color Picker

If there is a color that you currently have on the screen - for example, from a sample image - then you can use the color picker tool to input this color directly into the application. To do so, click the color picker icon to the right of the hex value of the currently selected color, and click the color anywhere on the screen that you would like to sample. The color will then be selected in the application.

Hue, Saturation and Lightness

If you would like to tweak your current selection to see if certain changes have an effect on the contrast, then you can do so by using the hue, saturation and lightness sliders. These are located underneath the hex value of the current selection. The color selection will automatically update as you make changes to these sliders.

Invert

The Invert button will swap the two currently selected colors, setting the background color as the text color and vice versa.

Randomize

The Randomize button will assign random colors to both the background and the text colors.