Idea for this project was inspired by @aarexer post on X (formally known as Twitter) and an older project I worked on - car-p18s.

The hex-color CSS data type is a notation for describing the hexadecimal color syntax of an sRGB color using its primary color components (red, green, blue) written as hexadecimal numbers, as well as its transparency.

Source: MDN Web Docs

Valid syntax for HEX color codes:

#RGB        // The three-value syntax
#RGBA       // The four-value syntax
#RRGGBB     // The six-value syntax
#RRGGBBAA   // The eight-value syntax

Where:

R or RR
The red component of the color, as a case-insensitive hexadecimal number between 0 and ff (255). If there is only one number, it is duplicated: 1 means 11.

G or GG
The green component of the color, as a case-insensitive hexadecimal number between 0 and ff (255). If there is only one number, it is duplicated: c means cc.

B or BB
The blue component of the color, as a case-insensitive hexadecimal number between 0 and ff (255). If there is only one number, it is duplicated: 9 means 99.

A or AA (Optional)
The alpha component of the color, indicating its transparency, as a case-insensitive hexadecimal number between 0 and ff (255). If there is only one number, it is duplicated: e means ee. 0, or 00, represents a fully transparent color, and f, or ff, a fully opaque one.

Note: The syntax is case-insensitive: #00ff00 is the same as #00FF00.

Given this it is possible to write words that are valid in HEX color codes. To find such words this website was made.

This mapping was custom made and inspired by:

• LEET
• Буквы-цифры (SMS)
• custom mapping previously made for car-p18s project

If you want to expand this table to other alphabets, contributions are welcome! Just add them to /app/constants/colorMapping.ts. You can add more word lists there too. More details in CONTRIBUTING.md.

• A text file containing 479k English words: english-words
• A text file containing 1.5m Russian words: russian-words
• List of 2.8k Russian swear words: 2yxa
• "Funny" words from funny word generator I worked on previously: Ahaha-hehehe

You can read this README on C01012's About page so the the colors.

Now as a web designer you can put secret funny words on your web pages, like:

• ass #a55
• assholes #a55401e5
• badass #bada55
• BIOS #B105
• bleach #b1eac4
• boob #b00b
• Chad #C4ad
• database #da7aba5e
• deed #deed
• бабоба #6a606a
• всосав #Bc0caB
• давеча #9aBe4a
• ебасос #ebac0c

Just look, how beautiful it is on Realtime Colors

Companies should use appropriate colors for their branding:

• Bathesda #Ba74e5da
• CocaCola #C0caC01a
• Google #60091e

"cold" and "hot" have their semantic coloring mixed up:

• cold #c01d
• hot #407

Word "colossal" is actually colossal: longest valid HEX code as well as word itself:

• colossal #c01055a1

Writing word "doable" in HEX color code, is it doable?

• doable #d0ab1e

Teal Sabbaths:

• Sabbaths #5abba745

I ran complete list of Wordle (game about guessing words) words (5 letters) and none of them pass the filter.

If you want to try changing the mapping

# ------------------------------------------
# Prerequisites
# ------------------------------------------

# Linux (Debian/Ubuntu example):
# 1. Install Node.js (v20+ recommended)
sudo apt update
sudo apt install -y curl
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt install -y nodejs

# 2. Install Git (if not installed)
sudo apt install -y git

# 3. Install Yarn globally via npm
npm install --global yarn

# ------------------------------------------
# Windows (PowerShell as Administrator)
# ------------------------------------------
# 1. Install Node.js:
#    Download and install from https://nodejs.org/en/download/
#
# 2. Install Git:
#    Download and install from https://git-scm.com/download/win
#
# 3. Open a new PowerShell window and install Yarn globally:
# npm install --global yarn

# ------------------------------------------
# Project Setup
# ------------------------------------------

# Clone the repository and navigate into it
git clone https://github.com/ebolblga/C01012.git
cd C01012

# Install all dependencies
yarn

# Start the project in development mode
yarn dev

This program is licensed under the MIT License. Please read the License file to know about the usage terms and conditions.