00:00:00

UI Color

Color Picker Studio Pro

#6354A7 Purple

HSL Controls

0°
100%
50%

Color Formats

Test image

Click on the image to pick colors

The image shown here is the same as in the "Image to Hex" panel

Picked Colors

90°
% 
linear-gradient(90deg, #6354A7 0%, #F97F1F 100%)

Sample Text

This is a sample paragraph to test contrast. The WCAG recommends a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Contrast Ratio: 10.5:1
WCAG AA (Normal Text): Pass
WCAG AA (Large Text): Pass
WCAG AAA (Normal Text): Pass
WCAG AAA (Large Text): Pass

Suggestions to Improve Contrast

🐍 Snake Game

Take a break and enjoy a classic game! Use arrow keys to control the snake.

Score: 0 High Score: 0 Speed: 1

How to Play:

  • Use arrow keys (↑↓←→) to control the snake
  • Press Spacebar to start/pause game
  • Eat the red food to grow and increase your score
  • Game starts very slow and speeds up gradually every 10 apples
  • Don't hit your own tail!
  • Use Fullscreen for immersive gaming
  • Press ESC to exit fullscreen
  • Try to beat your high score

Image to Hex

Image #599

Export

{
  "primary": "#6354A7",
  "secondary": "#F97F1F",
  "accent": "#5F3FA7"
}

Harmony

Shades

Base