Back to Tutorials
Themes 5 min read

Using Hex Codes for Custom Colors

Learn how to use hex codes to create your own unique color palette in Better Canvas.

Using Hex Codes for Custom Colors

Better Canvas allows you to go beyond premade themes by using hex codes.

What is a Hex Code?

A hex code is a 6-digit code used in web design to represent a specific color (e.g., #FF5733 for a vibrant orange).

How to Apply Custom Colors:

  1. Open the Better Canvas extension menu.
  2. Navigate to the “Theme Designer” or “Custom Colors” section.
  3. Locate the input fields for different UI elements (Background, Sidebar, Buttons).
  4. Enter your desired hex code into the field.
  5. Click “Save” or “Apply” to see the changes instantly on your Canvas dashboard.

Pro-Tip:

Use tools like Adobe Color or Coolors to find harmonious color palettes for your studies!