tailwindcolorshades - Color shades generator for TailwindCSS - https://javisperez

  •        83

Is a tool to make shades and tints for a given color and generate the proper code for the TailwindCSS config file. The idea is to make the custom color generation a bit easier when creating custom color variants to use in your app's CSS.

https://github.com/javisperez/tailwindcolorshades

Dependencies:

@fortawesome/fontawesome-free-webfonts : ^1.0.2
eslint : ^4.15.0
eslint-config-vue : ^2.0.2
eslint-plugin-vue : ^4.2.0
glob-all : ^3.1.0
laravel-mix : ^1.7.2
purgecss-webpack-plugin : ^0.18.0
vue : ^2.5.13
vue-router : ^3.0.1
vuex : ^3.0.1

Tags
Implementation
License
Platform

   




Related Projects

pywal - 🎨 Generate and change color-schemes on the fly.

  •    Python

Generate and change color-schemes on the fly. Pywal is a tool that generates a color palette from the dominant colors in an image. It then applies the colors system-wide and on-the-fly in all of your favourite programs.

phpColors

  •    PHP

A series of methods that let you manipulate colors. Just incase you ever need different shades of one color on the fly.

Clrizr

  •    

A set of less files that automatically define color shades and font colors for use in LESS CSS enabled web applications. Code is located in /Styles/Clrizr/

postcss-colorblind - A PostCSS plugin for seeing your site as a colorblind person may.

  •    Javascript

The biggest reason is that as many developers don't have problems seeing color, they never stop to consider that their (or their colleagues') choices of colors make their website unusable and frustrating to those who can't see some shades of color. It's not even a small problem either; lots of people struggle with red and green. However, there are JavaScript bookmarklets that let you do this on the fly without having to run a build step. I built this with the thought in mind you could create an automated step to create a report of how you're doing with color.

Text Image Generator

  •    DotNet

The Text Image Generator is a windows application that generates an image from the text entered as well as font and colors selected. The Text Image Generator uses your system fonts and colors to provide you with an incredible amount of options for creating simple text images.


jellybeans.vim - A colorful, dark color scheme for Vim.

  •    Vim

A colorful, dark color scheme, inspired by ir_black and twilight. Designed primarily for a graphical Vim, but includes support for 256, 88, 16, and 8 color terminals. On a 16 or 8 color terminal, replace its colors with those in ansi-term-colors.txt for best results.

vim-one - Adaptation of one-light and one-dark colorschemes for Vim

  •    Vim

Light and dark vim colorscheme, shamelessly stolen from atom (another excellent text editor). One supports true colors and falls back gracefully and automatically if your environment does not support this feature. As for the colorscheme, this theme comes with light and dark flavors.

tailwindcss - A utility-first CSS framework for rapid UI development.

  •    CSS

A utility-first CSS framework for rapidly building custom user interfaces. For full documentation, visit tailwindcss.com.

vim-colorschemes - one colorscheme pack to rule them all!

  •    Vim

one stop shop for vim colorschemes. this was [originally] harvested from vim.org. only colorschemes downloaded in a single .vim file are included.

iwanthue

  •    PHP

Colors for data scientists. Generate and refine palettes of optimally distinct colors. iWantHue allows you to generate palettes of colors. It is about mastering the properties of a palette by setting a range of Hue, Chroma (unbiased saturation) and Lightness. You can generate palettes of any size or just get the generator for a javascript project. The algorithm optimizes the perceptive distance in the color subspace, ensuring an optimal readability.

randomColor - A tiny script for generating attractive colors

  •    Javascript

A tiny script for generating attractive random colors. See the demo for an explanation and some samples. randomColor has been ported to C#, C++, Go, Haskell, PHP, Python, Swift, Objective-C, Java, R and Rust. hue – Controls the hue of the generated color. You can pass a string representing a color name: red, orange, yellow, green, blue, purple, pink and monochrome are currently supported. If you pass a hexidecimal color string such as #00FFFF, randomColor will extract its hue value and use that to generate colors.

chancejs - Chance - Random generator helper for JavaScript

  •    Javascript

Chance - Random generator helper for JavaScript

generator-style-prototype - Yeoman Generator for Style Prototypes

  •    Javascript

Style Prototypes are a Pattern Library tool for designing in browser. Style prototyping is a technique used to create a typical instance of a design from which a final site can be assembled. Style Prototypes are a unique tool because, not only are they responsive by default (meaning your client will be able to sign off on styles they've been able to see natively on all browsers and devices), they encourage Style and Color Guide driven Style Tile and Component Guide generation. This means that after you've built out your Style Tile, you'll be on your way to having finished your Style Guide, which you need to for Style Guide Driven Design (and coincidentally takes lots of design decisions off of the shoulders of Front End Developers). You'll also never need to have someone guess at what colors they can use with a fully built out Color Guide with both hex and Sass values.

terminal.sexy - Create, view and edit terminal colorschemes.

  •    Javascript

Design, edit and share terminal colorschemes. Share your color scheme by copying the URL.

QRCode Generator Windows Phone

  •    

'QRCode generator' can generate QR-Codes without using web service, totally offline. he QRCode are customizable (colors, quality, version, size, etc ...)

Simple lorem Ipsum generator helper

  •    

Hi, Lorem Ipsum generator allows web page designers to quicly add dummy content to their site. Developed in C# , you no longer have to worry about writing dummy content will testing your pages. Just enter the following code : @Utils.LoremIpsum.generate(); and voila !

DTOGenerator

  •    

DTOGenerator is a code generator that automatically creates Data Transfer Objects from LINQ to SQL Data Classes or from ADO.NET Entity Framework Model. The application will create classes with all the properties in the object and create helper methods to help you use DTO's.

chancejs - Chance - Random generator helper for JavaScript

  •    Javascript

Many more details on http://chancejs.com but this single library can generate random numbers, characters, strings, names, addresses, dice, and pretty much anything else. It includes the basic building blocks for all these items and is built on top of a Mersenne Twister so it can generate these things with repeatability, if desired.

css-colorguard - Keep a watchful eye on your css colors.

  •    Javascript

Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you've added are too similar to ones that already exist. Naturally, it's all configurable to your tastes. Colorguard uses the CIEDE2000 algorithm to determine the similarity of each of the colors in your CSS file. This algorithm is quite complex, but is used in the broadcasting community as the best approximation of human ability to discern differences in color. RGB on the other hand, is pretty bad at representing differences in color purely based on the numerical difference of the hex values.