GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Hermanya → color-system

Hermanya / color-system

Licence: MIT license
🎨 Easiest way to get a universal color palette

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

colorscolor-schemecolor-palettedark-modestyled-systemhigh-contrast-mode

Projects that are alternatives of or similar to color-system

Tints And Shades
🌈 Display tints and shades of a given hex color in 10% increments.
Stars: ✭ 228 (+985.71%)
Mutual labels:  colors, color-scheme, color-palette
Colors.lol
🎨 Overly descriptive color palettes
Stars: ✭ 207 (+885.71%)
Mutual labels:  colors, color-scheme, color-palette
Colorful
A curated list of awesome resources to choose your next color scheme
Stars: ✭ 702 (+3242.86%)
Mutual labels:  colors, color-scheme, color-palette
Gradstop
JavaScript micro library to generate gradient color stops 🏳️‍🌈
Stars: ✭ 144 (+585.71%)
Mutual labels:  colors, color-scheme, color-palette
Nord
An arctic, north-bluish color palette.
Stars: ✭ 4,816 (+22833.33%)
Mutual labels:  colors, color-scheme, color-palette
Colorschemes.jl
colorschemes, colormaps, gradients, and palettes
Stars: ✭ 55 (+161.9%)
Mutual labels:  colors, color-scheme, color-palette
SwiftColorWheel
Delightful color picker wheel for iOS in Swift.
Stars: ✭ 37 (+76.19%)
Mutual labels:  colors, color-scheme, color-palette
awesome-nord
This repository contains community-created ports and themes of this color palette for all our beloved applications.
Stars: ✭ 34 (+61.9%)
Mutual labels:  color-scheme, color-palette
Colors.jl
Color manipulation utilities for Julia
Stars: ✭ 114 (+442.86%)
Mutual labels:  colors, color-scheme
Awesome Vim Colorschemes
Collection of awesome color schemes for Neo/vim, merged for quick use.
Stars: ✭ 1,951 (+9190.48%)
Mutual labels:  colors, color-scheme
Yui
Minimal vim color scheme
Stars: ✭ 93 (+342.86%)
Mutual labels:  colors, color-scheme
Nova Colors
Single source of truth to consume Nova color values
Stars: ✭ 217 (+933.33%)
Mutual labels:  colors, color-scheme
slick
Vim/Neovim Colortheme–Truecolor, Stunning, Complete
Stars: ✭ 15 (-28.57%)
Mutual labels:  colors, color-scheme
Material Palette Generator
🎨 Get perfect Material Design color palettes from any hex color.
Stars: ✭ 114 (+442.86%)
Mutual labels:  colors, color-scheme
Nord Termite
An arctic, north-bluish clean and elegant Termite color theme.
Stars: ✭ 104 (+395.24%)
Mutual labels:  colors, color-scheme
Nord Hyper
An arctic, north-bluish clean and elegant Hyper theme plugin.
Stars: ✭ 96 (+357.14%)
Mutual labels:  colors, color-scheme
ImageGoNord-pip
A tool that can convert your rgb images to nordtheme palette
Stars: ✭ 120 (+471.43%)
Mutual labels:  color-scheme, color-palette
Ciapre.tmTheme
Ciapre - an easy-on-the-eyes Sublime Text/TextMate color scheme.
Stars: ✭ 63 (+200%)
Mutual labels:  color-scheme, color-palette
Colora
Color converter, screen color picker and color palettes for Windows
Stars: ✭ 32 (+52.38%)
Mutual labels:  colors, color-palette
Color Schemer
A React app to help you select a color scheme, built with styled-components and polished
Stars: ✭ 55 (+161.9%)
Mutual labels:  colors, color-scheme
View All Similar Projects ➔

image

Color System

Website | CodeSandbox

yarn add use-color-system

import { useColorSystem } from 'use-color-system'

const colors = useColorSystem({
  hueOffset: 28, // pretty random number 0-30
  invertedLightness: false, // enable for automatic Dark Mode
  highContrastMode: false // enable for accessibility
});
styledSystemTheme.colors = colors;
<Box bg="gray.9" color="gray.0">
  Hello
  <Text color="red.5">World</Text>
</Box>

Depending on colors may defer: usually it's gray magenta red orange lime green teal cyan blue purple

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].