#C01012 (COLOR)
Web application to search for spellable words in hexadecimal (HEX) color codes
Project repository on GitHub ebolblga/C01012.
Warning: I have not performed any semantic filtering on the word lists used in this project. Some words may be offensive, inappropriate, or otherwise surprising. Proceed with caution.
Idea for this project was inspired by @aarexer post on X (formally known as Twitter) and an older project I worked on - car-p18s.
Introduction
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.
HEX number to Latin/Cyrillic symbol mapping
This mapping was custom made and inspired by:
- LEET
- Буквы-цифры (SMS)
- custom mapping previously made for car-p18s project
| Symbols | Latin | Cyrillic |
|---|---|---|
0 |
o, O |
о, О |
1 |
l, L, I |
|
2 |
z, Z |
|
3 |
з, З |
|
4 |
h |
ч, Ч |
5 |
s, S |
|
6 |
G |
б, Б |
7 |
t, T |
|
8 |
X |
|
9 |
g, q |
д, Д |
a |
a |
а |
b |
b |
|
c |
c |
с |
d |
d |
|
e |
e |
е |
f |
f |
|
A |
A |
А |
B |
B |
в, В |
C |
C |
С |
D |
D |
|
E |
E |
Е |
F |
F |
|
10 |
ю, Ю |
|
11 |
N |
|
12 |
R |
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.
Word sources
- 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
Examples
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
Trivia
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.
Setup with Node.js
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
License
This program is licensed under the MIT License. Please read the License file to know about the usage terms and conditions.