Your website - inspired by your Pokemon

This website allows you to enter a Pokemon's name (or simply its number in the Pokedex), and its top 3 colours will be extracted.

rgb(255, 255, 255)

rgb(0, 0, 0)

rgb(128, 128, 128)

Primary Color Usage

Perfect for headers, hero sections, and primary CTAs.

Secondary Color Usage

Great for supporting elements, cards, and backgrounds.

Color Combinations

Primary + Secondary

Classic combination for main UI elements

Gradient Blend

Smooth transition between all colors

UI Examples

Buttons

Cards

Card Title

Sample card content with themed background.

Typography

Primary Text Color

Secondary Text Color

Accent Text Color

Accordion

Tabs

First tab content

Alert Dialog

Pokémon Type Cards

Progress Bar

0% Complete

Notification Banner

This is a notification message!