color-disk
v1.0.1
Published
import the colors
Downloads
2
Maintainers
Readme
How to use
add to your libs
yarn add color-disk
-or-
npm install color-disk
import to your project
const {white, darkturquoise} from 'color-disk'
console.log(white) // '#FFFFFF'
console.log(darkturquoise) // '#00CED1'
why use it
It makes you manage colors much easier when using React Native or other project (CSS in JS). All the colors are followed by CSS standard.
Preview
All Colors
white - gray - black
- white : '#FFFFFF'
- ghostwhite : '#F8F8FF'
- whitesmoke : '#F5F5F5'
- gainsboro : '#DCDCDC'
- lightgray : '#D3D3D3'
- silver : '#C0C0C0'
- darkgray : '#A9A9A9'
- lightslategray : '#778899'
- slategray : '#708090'
- gray : '#808080'
- dimgray : '#696969'
- black : '#000000'
blues
- cyan : '#00FFFF'
- aliceblue : '#F0F8FF'
- azure : '#F0FFFF'
- lightcyan : '#E0FFFF'
- paleturquoise : '#AFEEEE'
- powderblue : '#B0E0E6'
- skyblue : '#87CECB'
- turquoise : '#40E0D0'
- mediumturquoise : '#48D1CC'
- darkturquoise : '#00CED1'
- darkcyan : '#008B8B'
- steelblue : '#4682B4'
- lightblue : '#ADD8E6'
- lightsteelblue : '#B0C4DE'
- lightskyblue : '#87CEFA'
- deepskyblue : '#00BFFF'
- cornflowerblue : '#6495ED'
- dodgerblue : '#1E90FF'
- royalblue : '#4169E1'
- mediumblue : '#0000CD'
- darkslateblue : '#483D8B'
- darkblue : '#00008B'
- navy : '#000080'
- midnightblue : '#191970'
greens
- honeydew : '#F0FFF0'
- aquamarine : '#7FFFD4'
- palegreen : '#98F898'
- lightgreen : '#90EE90'
- springgreen : '#00FF7F'
- mediumspringgreen : '#00FA9A'
- greenyellow : '#ADFF2F'
- lawngreen : '#7CFC00'
- chartreuse : '#7FFF00'
- lime : '#00FF00'
- limegreen : '#32CD32'
- yellowgreen : '#9ACD32'
- darkseagreen : '#8FBC8F'
- mediumseagreen : '#3CB371'
- lightseagreen : '#20B2AA'
- green : '#008080'
- seagreen : '#2E8B57'
- forestgreen : '#228B22'
- darkgreen : '#006400'
- olive : '#808000'
- darkolivegreen : '#556B2F'
- darkslategray : '#2F4F4F'
gold - yellow
- lightyellow : '#FFFFE0'
- lightgoldenrodyellow : '#FAFAD2'
- lemonchiffon : '#FFFACD'
- beige : '#F5F5DC'
- palegoldenrod : '#EEE8AA'
- khaki : '#F0E68C'
- darkkhaki : '#BDB76B'
- yellow : '#FFFF00'
- gold : '#FFD700'
- goldenrod : '#DAA520'
- darkgoldenrod : '#B8860B'
tan - orange - cream
- mintcream : '#F5FFFA'
- ivory : '#FFFFF0'
- floralwhite : '#FFFAF0'
- snow : '#FFFAFA'
- seashell : '#FFF5EE'
- linen : '#FAF0E6'
- oldlace : '#FDF5E6'
- cornsilk : '#FFF8DC'
- papayawhip : '#FFEFD5'
- antuquewhite : '#FAEBD7'
- bisque : '#FFE4C4'
- peachpuff : '#FFDAB9'
- navajowhite : '#FFDEAD'
- moccasin : '#FFE4B5'
- wheat : '#F5DEB3'
- burlywood : '#DEB887'
- tan : '#D2B48C'
- peru : '#CD853F'
- sandybrown : '#F4A460'
- darkorange : '#FF8C00'
- coral : '#FF7F50'
- tomato : '#FF6347'
- orangered : '#FF4500'
- lightsalmon : '#FFA07A'
- salmon : '#FA8072'
- lightcorol : '#F08080'
- rosybrown : '#BC8F8F'
- indianred : '#CD5C5C'
- chocolate : '#D2691E'
- sienna : '#A0522D'
- saddlebrown : '#8B4513'
purple
- lavender : '#E6E6FA'
- thistle : '#D8BFD8'
- plum : '#DDA0DD'
- violet : '#EE82EE'
- mediumorchid : '#BA55D3'
- mediumslateblue : '#7B68EE'
- mediumpurple : '#9370DB'
- slateblue : '#6A5ACD'
- darkviolet : '#9400D3'
- blueviolet : '#8A2BE2'
- darkorchid : '#9932CC'
- darkmagenta : '#8B008B'
- purple : '#800080'
- indigo : '#4B0082'
pink
- lavenderblush : '#FFF0F5'
- mistyrose : '#FFE4E1'
- lightpink : '#FFB6C1'
- pink : '#FFC0CB'
- hotpink : '#FF69B4'
- magenta : '#FF00FF'
- deeppink : '#FF1493'
- palevioletred : '#D87093'
- mediumvioletred : '#C71585'
red
- red : '#FF0000'
- crimson : '#DC143C'
- firebrick : '#B22222'
- brown : '#A52A2A'
- darkred : '#8B0000'
- maroon : '#800000'