Skip to content

Commit

Permalink
Update description
Browse files Browse the repository at this point in the history
  • Loading branch information
NotWoods committed Dec 28, 2018
1 parent 7f30f30 commit 76a13e9
Show file tree
Hide file tree
Showing 4 changed files with 11 additions and 8 deletions.
8 changes: 8 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,14 @@

# Color Breakdown

*Extract prominent colors from an image to create more visually engaging designs and apps.*

Good visual design is essential for a successful app or site, and color schemes are a primary component of designs. Color Breakdown breaks down an image into the most prominent colors so you can use them in your designs. For example, you can create color-coordinated title cards for a song based on its album cover or adjust an app's toolbar color when its background image changes. Six main color profiles from the bitmap are extracted to help inform your design choices.

When you're ready to build your design, quickly copy colors by just clicking on the palettes for each image. Save a list of previously processed images so you can refer to other color swatches easily.

---

[Color Breakdown](https://notwoods.github.io/color-breakdown) is [node-vibrant](https://github.com/akfish/node-vibrant)'s missing GUI, aiming to expose the configuration options of node-vibrant. node-vibrant ports the [Android Palette class](https://developer.android.com/training/material/palette-colors.html) to JavaScript, allowing you to extract prominent colors from images. Use these colors in your own designs to create more visually engaging designs and apps.

Inspired by [SVGOMG](https://jakearchibald.github.io/svgomg/)!
Expand Down
1 change: 1 addition & 0 deletions public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,7 @@
<link rel="preload" href="js/db-worker.js" as="worker" />
<link rel="preload" href="lib/node-vibrant/vibrant.js" as="script" />
<link rel="preload" href="lib/node-vibrant/worker.js" as="worker" />
<meta name="description" content="Extract prominent colors from an image to create more visually engaging designs and apps.">
</head>

<body class="container">
Expand Down
2 changes: 1 addition & 1 deletion public/manifest.webmanifest
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
"display": "standalone",
"background_color": "#212121",
"theme_color": "#37474f",
"description": "Extract prominent colors from images",
"description": "Extract prominent colors from an image to create more visually engaging designs and apps.",
"scope": "./",
"icons": [
{
Expand Down
8 changes: 1 addition & 7 deletions src/db-worker/history.ts
Original file line number Diff line number Diff line change
Expand Up @@ -124,13 +124,7 @@ export async function saveItemsToDB(
// Need to process entries first due to IDB restrictions
const entries = await Promise.all(
items.map(async item => {
let blob: Blob;
try {
blob = await fetchBlob(item.imgSrc);
} catch (err) {
console.error(err);
throw err;
}
const blob = await fetchBlob(item.imgSrc);
const dataUri = await blobToDataUri(blob);
revokeIfObjectUrl(item.imgSrc);
return {
Expand Down

0 comments on commit 76a13e9

Please sign in to comment.