Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🎉 Just released RampenSau v1.0.0 on npm and GitHub! 🎢🐷 After some Easter weekend coding, the color palette generation library is now stable with improved docs and APIs. Generate beautiful color ramps for your data viz, design work, or generative art!

meodai's profile picture

David Aerne

10,626 subscribers

20,611 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

16 Kommentare

Profilbild von David Aerne
David Aernevor 1 Jahr

🔗

Profilbild von Manticore Search
Manticore Searchvor 1 Jahr

🚀 Star Manticore Search on #GitHub today and join our quest for the ultimate search solution!

Profilbild von Yogini Bende
Yogini Bendevor 1 Jahr

This looks super cool, David! Consider launching this on Peerlist Launchpad!

Profilbild von teto
tetovor 1 Jahr

fantastic color palette generation tool, best i ever played with congrats

Profilbild von David Aerne
David Aernevor 1 Jahr

Happy you like it! It’s definitely the simplest one I made

Profilbild von Ajm Ø,G
Ajm Ø,Gvor 1 Jahr

RampenSau? Love the name! Hope it doesn't make my color palettes go hog wild. 🐷🎨

Profilbild von Silicon Jungle
Silicon Junglevor 1 Jahr

looks great David!

Profilbild von David Aerne
David Aernevor 1 Jahr

🥰🎨

Profilbild von Rony Sheik (꧁IP꧂)
Rony Sheik (꧁IP꧂)vor 1 Jahr

🎨🐷 Finally, a way to make my designs as colorful as my weekend coding chaos! Let's ramp it up!

Profilbild von A-Mashiro
A-Mashirovor 1 Jahr

Great work, David! 🙌✨

Profilbild von David Aerne
David Aernevor 1 Jahr

🙏

Profilbild von I'm glad it was so difficult
I'm glad it was so difficultvor 1 Jahr

I've ALWAYS wanted to try to fix these kinds of palettes by normalizing the stops such that the perceptual color distance was equalized since that always skews the perception of the underlying data.

Profilbild von David Aerne
David Aernevor 1 Jahr

Yes that would be one of the next steps. But choosing a perceptual color space as an output helps already.

Profilbild von I'm glad it was so difficult
I'm glad it was so difficultvor 1 Jahr

a post from earlier today, I'm pretty evangelistic on OKLab and its derived spaces:

Profilbild von David Aerne
David Aernevor 1 Jahr

Good! The lib has a oklch and lch mode

Profilbild von Elmo
Elmovor 1 Jahr

🔥

Ähnliche Videos

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.
1:11

You can now generate Themes/Design Systems directly from your Figma import or any link. Simply paste the link and MagicPath will extract color palette, typography, and effects so you can use them to generate or edit your designs.

Pietro Schirano

41,940 Aufrufe • vor 4 Monaten

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want
0:37

Say hello to Colors 🔥 Generate AI images with your own color palettes Pick your HEX codes or use a pre-made color palette, and get results that match your projects No more off-brand images, just the shades you actually want

Magnific (formerly Freepik)

42,038 Aufrufe • vor 1 Jahr

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.
0:56

🎨 Steal the palette of the masters and wear your favorite masterpieces. With Wan2.7-Image’s new Palette feature, you can instantly decode the color DNA of iconic art and stunning landscapes, applying them directly to your design sketches.

Wan

537,543 Aufrufe • vor 22 Tagen

Uniform supports a global color palette that can be referenced in fill layers. This is useful for color adjustments and creating asset variations. The color palette can be edited from a single place and all textures and painted vertex data update accordingly.
0:36

Uniform supports a global color palette that can be referenced in fill layers. This is useful for color adjustments and creating asset variations. The color palette can be edited from a single place and all textures and painted vertex data update accordingly.

Sparseal

55,858 Aufrufe • vor 2 Jahren

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…
0:32

Working on color generator feature for design system Figma plugin, that creates all color shades based on a base color you pick or given hex. Different algorithms to generate more harmonious or complementary colors for your next design system project. Soon…

vijay verma

10,196 Aufrufe • vor 11 Monaten

Announcing Radix Themes 3.0 and a custom color palette generator 🎉 In this release: • New layout engine • 11 new components • Zero config setup with Astro and Remix • New docs with guidance on layout and styling
0:21

Announcing Radix Themes 3.0 and a custom color palette generator 🎉 In this release: • New layout engine • 11 new components • Zero config setup with Astro and Remix • New docs with guidance on layout and styling

Radix by WorkOS

141,176 Aufrufe • vor 2 Jahren

Beautiful color work of art..the beauty of color becomes something different
0:37

Beautiful color work of art..the beauty of color becomes something different

checkoutholic

19,545 Aufrufe • vor 8 Monaten

Took 4 attempts to get a color palette I liked for this one You can just erase your work and start over
0:30

Took 4 attempts to get a color palette I liked for this one You can just erase your work and start over

Noah Bradley

72,457 Aufrufe • vor 5 Monaten

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev
1:27

Slither🐍 is now live! 🎉 Slither is built with Roblox-TS & React and designed around #catppuccin 's beautiful color palette 🌈 I'd love to hear your suggestions and polish Slither even further 🪄 Play here → #Roblox #RobloxDev

littensy

37,698 Aufrufe • vor 2 Jahren

✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.
1:25

✨ Start with AI—design your portfolio, startup landing page, or book club site with ease. Choose from infinite color palettes and typeface combos. Customizing is a breeze with AI-generated copy and color shuffling. Your imagination is the limit.

Framer

527,806 Aufrufe • vor 3 Jahren

We’re at the point with AI + coding where you can just give the AI a URL to some docs and it will learn the library. Insane.
3:20

We’re at the point with AI + coding where you can just give the AI a URL to some docs and it will learn the library. Insane.

Mckay Wrigley

1,366,841 Aufrufe • vor 2 Jahren

The easiest way to create generative art on Bitcoin. Choose a library (p5.js, Three.js), paste your code, preview it live, then download. The file is complete. Just inscribe it with any service and you’re on Bitcoin. The OnChainMonkey® OCM Dimensions GitHub was just updated with this in-browser feature:
1:20

The easiest way to create generative art on Bitcoin. Choose a library (p5.js, Three.js), paste your code, preview it live, then download. The file is complete. Just inscribe it with any service and you’re on Bitcoin. The OnChainMonkey® OCM Dimensions GitHub was just updated with this in-browser feature:

danny huuep

69,102 Aufrufe • vor 4 Monaten

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.
1:15

For your kids’ bedroom. Bring us your own design or Color and we will do it for you.

Morara Kebaso

14,098 Aufrufe • vor 11 Monaten

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,669 Aufrufe • vor 3 Monaten

How do you get GitHub Copilot to understand your entire codebase? Like this.👇 With one click, the Copilot coding agent can now analyze your repo and auto-generate custom instructions.
1:01

How do you get GitHub Copilot to understand your entire codebase? Like this.👇 With one click, the Copilot coding agent can now analyze your repo and auto-generate custom instructions.

GitHub

28,378 Aufrufe • vor 6 Monaten

It's true: The GitHub Copilot SDK can help you build the app of your dreams. In this case, the color palette organizer of Cassidy's dreams. 🎨 Andrea
2:16

It's true: The GitHub Copilot SDK can help you build the app of your dreams. In this case, the color palette organizer of Cassidy's dreams. 🎨 Andrea

GitHub

28,279 Aufrufe • vor 4 Monaten

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows
0:35

Design Mode in v0 just got an upgrade. You can now: • Quick-apply a color palette • Easily adjust hues, saturation, and lightness • Quick-apply fonts • Easily add shadows

v0

71,693 Aufrufe • vor 8 Monaten

Hands down my favorite mag design I have ever done. The design itself is so crisp, the color and color separation is 🤌🏼. This is what makes us, us. We aren't just engraving bought designs and "Hillary behind bars" bullshit that other folks do. We are making art.
0:22

Hands down my favorite mag design I have ever done. The design itself is so crisp, the color and color separation is 🤌🏼. This is what makes us, us. We aren't just engraving bought designs and "Hillary behind bars" bullshit that other folks do. We are making art.

Cultivated Laser

25,125 Aufrufe • vor 6 Monaten

Ghostty will now auto-generate a full, cohesive 256-color theme from just the base 16-color palette. This makes it significantly easier to make custom themes that are beautiful (just define 16 colors). See the demo below showing multiple themes fully generated. Thanks to Jake Stewart who contributed this to Ghostty and made a nice write-up explaining the background and approach:
0:36

Ghostty will now auto-generate a full, cohesive 256-color theme from just the base 16-color palette. This makes it significantly easier to make custom themes that are beautiful (just define 16 colors). See the demo below showing multiple themes fully generated. Thanks to Jake Stewart who contributed this to Ghostty and made a nice write-up explaining the background and approach:

Mitchell Hashimoto

174,252 Aufrufe • vor 3 Monaten