# flat-colors > Find the nearest flat color for a RGB/Hex input. Latest version **3.3.13** (published 2025-02-13) · MIT license · 0 weekly downloads ## Install ```sh npm install flat-colors pnpm add flat-colors yarn add flat-colors bun add flat-colors ``` ## Health **Score 25/100 (F)** — status: maintenance-mode. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: stale; low maintenance score. ## Facts | | | |---|---| | Version | 3.3.13 | | Published | 2025-02-13 | | First published | 2015-06-12 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 0 | | Unpacked size | 10.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 17 | | Author | Ionică Bizău | | Maintainers | ionicabizau | | Keywords | node, flat, ui, colors | ## Links - npm: https://www.npmjs.com/package/flat-colors - Repository: https://github.com/IonicaBizau/flat-colors.js - Issues: https://github.com/IonicaBizau/flat-colors.js/issues - npm.io page: https://npm.io/package/flat-colors ## Alternatives - [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads - [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads - [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads - [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads - [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads ## Recent versions - 3.3.13 (latest) — 2025-02-13 - 3.3.12 — 2020-08-09 - 3.3.11 — 2019-01-03 - 3.3.10 — 2017-12-24 - 3.3.9 — 2017-12-24 - 3.3.8 — 2017-09-08 - 3.3.7 — 2017-03-23 - 3.3.6 — 2017-03-20 - 3.3.5 — 2016-10-11 - 3.3.4 — 2016-10-10 - 3.3.3 — 2016-05-25 - 3.3.2 — 2016-04-26 - 3.3.1 — 2016-01-14 - 3.3.0 — 2015-12-03 - 3.2.0 — 2015-11-12 - … 5 more at https://npm.io/package/flat-colors/versions ## README [![flat-colors](http://i.imgur.com/S57IeyN.png)](#) # flat-colors [![Support me on Patreon][badge_patreon]][patreon] [![Buy me a book][badge_amazon]][amazon] [![PayPal][badge_paypal_donate]][paypal-donations] [![Ask me anything](https://img.shields.io/badge/ask%20me-anything-1abc9c.svg)](https://github.com/IonicaBizau/ama) [![Travis](https://img.shields.io/travis/IonicaBizau/flat-colors.js.svg)](https://travis-ci.org/IonicaBizau/flat-colors.js/) [![Version](https://img.shields.io/npm/v/flat-colors.svg)](https://www.npmjs.com/package/flat-colors) [![Downloads](https://img.shields.io/npm/dt/flat-colors.svg)](https://www.npmjs.com/package/flat-colors) [![Get help on Codementor](https://cdn.codementor.io/badges/get_help_github.svg)](https://www.codementor.io/@johnnyb?utm_source=github&utm_medium=button&utm_term=johnnyb&utm_campaign=github) Buy Me A Coffee > Find the nearest flat color for a RGB/Hex input. ## :cloud: Installation ```sh # Using npm npm install --save flat-colors # Using yarn yarn add flat-colors ``` ## :clipboard: Example ```js // Dependencies var FlatColors = require("flat-colors") // Get the flat red console.log(FlatColors(255, 0, 0)); // => [211, 84, 0] // Same thing, but using a rgb array console.log(FlatColors([255, 0, 0])); // => [211, 84, 0] // Still same color but using hex color console.log(FlatColors("#f00")); // => [211, 84, 0] // Random flat color console.log(FlatColors()); // => [?, ?, ?] ``` ## :question: Get Help There are few ways to get help: 1. Please [post questions on Stack Overflow](https://stackoverflow.com/questions/ask). You can open issues with questions, as long you add a link to your Stack Overflow question. 2. For bug reports and feature requests, open issues. :bug: 3. For direct and quick help, you can [use Codementor](https://www.codementor.io/johnnyb). :rocket: ## :memo: Documentation ### `FlatColors(r, g, b)` Finds the nearest flat color for rgb and hex inputs. #### Params - **String|Number|Array|undefined** `r`: The color as string in hex format, the *red* value or the rgb passed as array. If `undefined`, a random color will be returned. - **Number** `g`: The green value. - **Number** `b`: The blue value. #### Return - **Array** An array containing the rgb values of the flat color which was found. ### `toRgb(hex)` Converts a hex format color into rgb. #### Params - **String** `hex`: The color in the hex format. #### Return - **Array|null** The rgb array or null. ## :yum: How to contribute Have an idea? Found a bug? See [how to contribute][contributing]. ## :sparkling_heart: Support my projects I open-source almost everything I can, and I try to reply to everyone needing help using these projects. Obviously, this takes time. You can integrate and use these projects in your applications *for free*! You can even change the source code and redistribute (even resell it). However, if you get some profit from this or just want to encourage me to continue creating stuff, there are few ways you can do it: - Starring and sharing the projects you like :rocket: - [![Buy me a book][badge_amazon]][amazon]—I love books! I will remember you after years if you buy me one. :grin: :book: - [![PayPal][badge_paypal]][paypal-donations]—You can make one-time donations via PayPal. I'll probably buy a ~~coffee~~ tea. :tea: - [![Support me on Patreon][badge_patreon]][patreon]—Set up a recurring monthly donation and you will get interesting news about what I'm doing (things that I don't share with everyone). - **Bitcoin**—You can send me bitcoins at this address (or scanning the code below): `1P9BRsmazNQcuyTxEqveUsnf5CERdq35V6` ![](https://i.imgur.com/z6OQI95.png) Thanks! :heart: ## :cake: Thanks The color values are taken from [flatuicolors.com](http://flatuicolors.com). :art: ## :dizzy: Where is this library used? If you are using this library in one of your projects, add it in this list. :sparkles: - `@isysd/gpm` - `cli-confeti` - `cli-confetti` - `color-it` - `engine-builder` - `flat-colors-groupped` - `gpm` - `productivity-timer` ## :scroll: License [MIT][license] © [Ionică Bizău][website] [license]: /LICENSE [website]: https://ionicabizau.net [contributing]: /CONTRIBUTING.md [docs]: /DOCUMENTATION.md [badge_patreon]: https://ionicabizau.github.io/badges/patreon.svg [badge_amazon]: https://ionicabizau.github.io/badges/amazon.svg [badge_paypal]: https://ionicabizau.github.io/badges/paypal.svg [badge_paypal_donate]: https://ionicabizau.github.io/badges/paypal_donate.svg [patreon]: https://www.patreon.com/ionicabizau [amazon]: http://amzn.eu/hRo9sIZ [paypal-donations]: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=RVXDDLKKLQRJW --- _Source: https://npm.io/package/flat-colors · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._