colours.pinea.dev Open in urlscan Pro
2a06:98c1:3120::3  Public Scan

Form analysis
0 forms found in the DOM

Text Content

⠀|

⠀

⠀


Usage

/ Shows this page

/72AEF5 Shows a preview of a hex code (if valid). Discord will (and other
services may) show a preview in an embed when linked

/rgb/15890552 Opens the colour viewer with a RGB integer

/rgb/242,120,120 The same thing, but for comma separated R G and B values

/hsv/0,50,95 Opens the colour viewer with a HSV value

/cmyk/0,50,50,5 Opens the colour viewer with a CMYK value

On all colour pages, you can click a converted value to copy it to your
clipboard


About

This site was made by PineaFan. Optionally, you can buy me a coffee

The whole site is open source and made using Next.js

It's hosted on Vercel


Colour Definitions

Hex codes

- 1 Character (#A): Repeat 6 times (#AAAAA)

- 2 Characters (#AB): Use for R, G and B (#ABABAB)

- 3 Characters (#ABC): Use for Repeat each character twice (#AABBCC)

- 4 Characters (#ABCD): Pad with 0s (#ABCD00)

- 5 Characters (#ABCDE): Pad with 0s (#ABCDE0)

- 6 Characters (#ABCDEF): Use as is (#ABCDEF)


RGB

- Integer: A single, non-padded number from 0 to 16777215 (0xFFFFFF)

- Comma separated: 3 comma separated numbers from 0 to 255 (0,255,255)


HSV

- Comma separated: 3 comma separated numbers from 0 to 100 (0,100,100)


CMYK

- Comma separated: 4 comma separated numbers from 0 to 100 (0,100,100,100)


Packages

react-rewards - Confetti effects on copy

react-helmet - HTML head management

sharp - Image processing

typescript - TypeScript


Colours

Here's some of the standard colours I (and Clicks) use:

[Red #F27878][Orange #E5AB71][Yellow #F2D478][Green #65CC76][Cyan #71AFE5][Blue
#6576CC][Purple #8D58B2]



Contact

Twitter @PineaFan

Discord @PineaFan

Email support@pinea.dev