This CSS Color Game is way harder than I expected
CSS color names are sometimes pretty straight forward, and other times feel a little random... so I challenged myself to a CSS color name game!
๐ Links
โ
The game: https://color-guesser.fauxtrots.com/
โ
The color picker I showed at the start: https://enes.in/sorted-colors/
โ
Give me a follow on Bluesky: https://bsky.app/profile/kevinpowell.co
โ
If you're new to Bluesky, I've created this starter pack: https://bsky.app/starter-pack-short/FfLUXeQ
Get a YT membership: Join this channel to get access to perks:
https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join
โ Timestamps
00:00 - Introduction
00:39 - Gold
01:06 - Golden Rod
01:31 - Dark Orchid
02:17 - Hot Pink
02:55 - Moccasin
03:22 - Yellow Green
04:12 - Bisque
05:08 - Pale Green
05:30 - Chocolate
06:02 - Light Steel Blue
06:32 - Lavender Blush
06:55 - Deep Pink
07:20 - Dodger Blue
07:53 - Cadet Blue
08:36 - Snow
08:52 - Medium Slate Blue
09:23 - Light Golden Rod Yellow
09:44 - Azure
10:05 - Medium Slate Blue (again)
10:13 - Dark Orchid (again)
10:26 - Dark Golden Rod
10:34 - Ghost White
10:49 - Light Steel Blue
11:05 - Yellow
11:12 - Dark Olive Green
11:22 - Dark Turquoise
#css
--
Come hang out with other dev's in my Discord Community
๐ฌ https://discord.gg/nTYCvrK
Keep up to date with everything I'm up to
โ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
๐บ https://www.twitch.tv/kevinpowellcss
---
Help support my channel
๐จโ๐ Get a course: https://www.kevinpowell.co/courses
๐ Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
๐ฝ๏ธ Join as a channel member: https://youtube.com/@KevinPowell/join
๐ Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: Join this channel to get access to perks:
https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw/join
---
My editor: VS Code - https://code.visualstudio.com/
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and prev
Watch on YouTube โ
(saves to browser)
Sign in to unlock AI tutor explanation ยท โก30
Playlist
Uploads from Kevin Powell ยท Kevin Powell ยท 0 of 60
โ Previous
Next โ
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
How to create an awesome navigation bar with HTML & CSS
Kevin Powell
Improve your CSS by Keepin' it DRY
Kevin Powell
HTML & CSS for Beginners Part 6: Images
Kevin Powell
HTML & CSS for Beginners Part 7: File Structure
Kevin Powell
HTML & CSS for Beginners Part 4: Bold and Italic text and HTML comments
Kevin Powell
HTML & CSS for Beginners Part 5: Links
Kevin Powell
HTML & CSS for Beginners Part 3: Paragraphs and Headings
Kevin Powell
HTML and CSS for Beginners Part 1: Introduction to HTML
Kevin Powell
HTML and CSS for Beginners Part 2: Building your first web page!
Kevin Powell
HTML & CSS for Beginner Part 8: Introduction to CSS
Kevin Powell
HTML & CSS for Beginners Part 9: External CSS
Kevin Powell
HTML & CSS for Beginners Part 10: Divs & Spans
Kevin Powell
HTML & CSS for Beginners Part 11: Classes & IDs
Kevin Powell
HTML & CSS for Beginners Part 12: The CSS Box Model - Margin, Borders & Padding explained
Kevin Powell
HTML & CSS for Beginners Part 13: Background Images
Kevin Powell
HTML & CSS for Beginners Part 14: Style Text with CSS
Kevin Powell
HTML & CSS for Beginners Part 15: How to style links
Kevin Powell
HTML & CSS for Beginners Part 16: CSS selectors and Specificity
Kevin Powell
HTML & CSS for Beginners Part 17: How to Create and Style HTML Lists
Kevin Powell
HTML & CSS for Beginners Part 18: How Floats and Clears work
Kevin Powell
HTML & CSS for Beginners Part 19: Colors with CSS - hex, rgba, and hsla
Kevin Powell
HTML & CSS for Beginners Part 20: How to center a div
Kevin Powell
HTML & CSS for Beginners Part 21: How to create a basic website layout - the HTML
Kevin Powell
HTML & CSS for Beginners Part 22: How to create a basic layout - the CSS
Kevin Powell
How to Create a Responsive Website from Scratch - Part 1: The HTML #Responsive #HTML5
Kevin Powell
How to Create a Responsive Website from Scratch - Part 2: The Header and Hero area #Responsive #CSS3
Kevin Powell
How to Create a Responsive Website from Scratch - Part 3: The About Section #Responsive #CSS
Kevin Powell
How to Create a Responsive Website from Scratch - Part 4: Building a Responsive Portfolio Section
Kevin Powell
How to Create a Responsive Website from Scratch - Part 5: Call To Action and Footer #CSS #Responsive
Kevin Powell
Tutorial: Learn how to use CSS Media Queries in less than 5 minutes
Kevin Powell
End of the year upate and what's coming to my channel to start the new year
Kevin Powell
Create a CSS only Mega Dropdown Menu
Kevin Powell
CSS Tutorial: Outline and Outline Offset
Kevin Powell
CSS Blending Modes
Kevin Powell
Parallax effect | 2 different ways to add it with jQuery
Kevin Powell
CSS Units: vh, vw, vmin, vmax #css #responsive #design
Kevin Powell
How to Create a Website - Complete workflow | Part 01: Intro + Setting things up
Kevin Powell
100 Subscribers speed coding bonus video
Kevin Powell
How to Create a Website - Complete workflow | Part 02: The Markup #HTML
Kevin Powell
How to Create a Website - Complete workflow | Part 03: Sass Variables and a Mixin #Sass
Kevin Powell
How to Create a Website - Complete workflow | Part 04: Setting up the hero and header
Kevin Powell
How to Create a Website - Complete workflow | Part 05: Typography & Buttons
Kevin Powell
How to Create a Website - Complete workflow | Part 06.1: Building the navigation with Flexbox
Kevin Powell
How to Create a Website - Complete workflow | Part 06.2: Making the nav work with jQuery
Kevin Powell
Redesigning & Coding My Website #CreateICG
Kevin Powell
How to Create a Website - Complete workflow | Part 07: Starting the flexbox grid
Kevin Powell
How to Create a Website - Complete workflow | Part 08: Promo & Problem shooting!
Kevin Powell
How to Create a Website - Complete workflow | Part 09: The CTA and Footer
Kevin Powell
How to Create a Website - Complete workflow | Part 10: Making it responsive
Kevin Powell
How to Create a Website - Complete workflow | Part 11: Making it responsive con't
Kevin Powell
How to Create a Website - Complete workflow | Part 12: Putting the site online
Kevin Powell
Create a Custom Grid System with CSS Calc() and Sass
Kevin Powell
CSS em and rem explained #CSS #responsive
Kevin Powell
Should you use Bootstrap?
Kevin Powell
How to add Smooth Scrolling to your one page website with jQuery
Kevin Powell
Let's learn Bootstrap 4
Kevin Powell
How I approach designing a website - my thought process
Kevin Powell
Build a website with Bootstrap 4 - Part 1: The setup
Kevin Powell
Build a website with Bootstrap 4 - Introduction
Kevin Powell
Build a website with Bootstrap 4 - Part 2: Customizing Variables
Kevin Powell
Related AI Lessons
โก
โก
โก
โก
The State of AI in Landscape and Garden Design (2026): A Field Guide for Homeowners and Designers
Medium ยท AI
Airlines Make Refunds Impossible. I Used AI to Force Them to Pay Me in 24 Hours.
Medium ยท AI
Holy Typos, Batman! How I Built 'SpellJump'
Dev.to ยท Prakhar54-byte
Tutorial: This AI Now Tells You if a Meeting Could Be an Email
Dev.to ยท Andrew Dugan
Chapters (27)
Introduction
0:39
Gold
1:06
Golden Rod
1:31
Dark Orchid
2:17
Hot Pink
2:55
Moccasin
3:22
Yellow Green
4:12
Bisque
5:08
Pale Green
5:30
Chocolate
6:02
Light Steel Blue
6:32
Lavender Blush
6:55
Deep Pink
7:20
Dodger Blue
7:53
Cadet Blue
8:36
Snow
8:52
Medium Slate Blue
9:23
Light Golden Rod Yellow
9:44
Azure
10:05
Medium Slate Blue (again)
10:13
Dark Orchid (again)
10:26
Dark Golden Rod
10:34
Ghost White
10:49
Light Steel Blue
11:05
Yellow
11:12
Dark Olive Green
11:22
Dark Turquoise
๐
Tutor Explanation
DeepCamp AI