--- title: I Built a Color Laboratory | daily.dev description: Luster is a free web-based color toolkit aimed at developers and designers. It offers palette generation, color interpolation, image color extraction, UI theme... canonical: https://daily.dev/posts/i-built-a-color-laboratory-cjrnksiff twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I Built a Color Laboratory | daily.dev og:description: Luster is a free web-based color toolkit aimed at developers and designers. It offers palette generation, color interpolation, image color extraction, UI theme... og:url: https://daily.dev/posts/i-built-a-color-laboratory-cjrnksiff og:image: https://api.daily.dev/og/posts/cjrnKSIFF.png og:image:alt: I Built a Color Laboratory og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I Built a Color Laboratory **[Pink Pixel](https://daily.dev/sources/j54tds4tcxzzyo9funnch)** · [@sizzlebop](https://daily.dev/sizzlebop) · 1 min read · 1 upvotes · 0 comments ## Summary Luster is a free web-based color toolkit aimed at developers and designers. It offers palette generation, color interpolation, image color extraction, UI theme previews, ANSI and Tailwind utilities, color conversion, gradient building, and a brand identity kit with exportable design tokens. ## Content Luster is a free color toolkit for developers and designers. It includes palette generation, color interpolation, image color extraction, UI theme previews, ANSI and Tailwind utilities, color conversion, gradient building, and a full brand identity kit with exportable tokens You can try it here: [**https://luster.pink**](https://luster.pink) --- Tags: [#ui-design](https://daily.dev/tags/ui-design), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/i-built-a-color-laboratory-cjrnksiff) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/i-built-a-color-laboratory-cjrnksiff","headline":"I Built a Color Laboratory","text":"Luster is a free web-based color toolkit aimed at developers and designers. It offers palette generation, color interpolation, image color extraction, UI theme previews, ANSI and Tailwind utilities, color conversion, gradient building, and a brand identity kit with exportable design tokens.","url":"https://daily.dev/posts/i-built-a-color-laboratory-cjrnksiff","datePublished":"2026-07-11T09:02:28.281Z","dateModified":"2026-07-11T09:02:41.820Z","author":{"@type":"Person","name":"Pink Pixel","url":"https://daily.dev/sizzlebop","image":"https://media.daily.dev/image/upload/s--eHrmTnkb--/f_auto/v1785103953/avatars/avatar_J54Tds4tCXZZYo9fUnnch?_a=BAMAMicg0","description":"Open source developer, experimenter, student","worksFor":{"@type":"Organization","name":"Pink Pixel","logo":"https://media.daily.dev/image/upload/s--nTLLDJmi--/f_auto/v1771311286/companies/pinkpixel"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":220}},"image":"https://media.daily.dev/image/upload/s--R88XDRx3--/f_auto/v1783760548/posts/cjrnKSIFF?_a=BAMAMicg0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/sources/j54tds4tcxzzyo9funnch","name":"Pink Pixel"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Pink Pixel","item":"https://daily.dev/sources/j54tds4tcxzzyo9funnch"},{"@type":"ListItem","position":3,"name":"I Built a Color Laboratory"}]} ```