AI
Vector Databases from Scratch: A Hands-On Guide for AI Engineers
Summary Vector databases power modern AI systems like semantic search, recommendations, and RAG pipelines…
Apr 10, 2026
Color Palette Generator
Create harmonious color palettes and export as Tailwind, CSS vars, or JSON
Generated Palette
#3BDFF6
#3B82F6
#513BF6
#3BF6AF
#AF3BF6
Click any color swatch to copy its hex value
Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'color-1': '#3bdff6',
'color-2': '#3b82f6',...CSS Variables
:root {
--color-1: #3bdff6;
--color-2: #3b82f6;
--color-3: #513bf6;
--color-4: #3bf6af;
--color-5: #af3bf6;...JSON Export
{
"color1": {
"hex": "#3bdff6",
"rgb": "rgb(59, 223, 246)",
"hsl": "hsl(187, 1%, 1%)"
},...Color Reference
| # | HEX | RGB | HSL |
|---|---|---|---|
| 1 | #3BDFF6 | 59, 223, 246 | 187°, 1%, 1% |
| 2 | #3B82F6 | 59, 130, 246 | 217°, 1%, 1% |
| 3 | #513BF6 | 81, 59, 246 | 247°, 1%, 1% |
| 4 | #3BF6AF | 59, 246, 175 | 157°, 1%, 1% |
| 5 | #AF3BF6 | 175, 59, 246 | 277°, 1%, 1% |
Relevant posts for this tool
Learn faster with posts connected to this workflow.
AI
How I Approach Design in the Age of AI
AI Design Summary Design in 2026 is no longer just about pixels or architecture diagrams. It is about…
Apr 10, 2026
Startups
Foundational Startup Books Every Founder Should Read
Books and startup learning concept Building a startup is one of the most challenging journeys you can take…
Mar 21, 2026