Last active
August 29, 2015 14:25
-
-
Save atadams/35991b610e0dbf0f1135 to your computer and use it in GitHub Desktop.
Crayon (https://github.com/riccardoscalco/crayon) SCSS file with HSL colors sorted by hue, saturation, and lightness.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$black : hsl(0, 0%, 0%); | |
$eerieblack : hsl(0, 0%, 11%); | |
$granitegray : hsl(0, 0%, 40%); | |
$sonicsilver : hsl(0, 0%, 46%); | |
$quicksilver : hsl(0, 0%, 65%); | |
$culturedpearl : hsl(0, 0%, 96%); | |
$coconut : hsl(0, 0%, 100%); | |
$white : hsl(0, 0%, 100%); | |
$fuzzywuzzy : hsl(0, 50%, 60%); | |
$orangered : hsl(0, 100%, 58%); | |
$rose : hsl(0, 100%, 66%); | |
$tartorange : hsl(2, 96%, 63%); | |
$chestnut : hsl(3, 43%, 54%); | |
$sweetbrown : hsl(3, 55%, 43%); | |
$redorange : hsl(3, 100%, 64%); | |
$sunsetorange : hsl(4, 98%, 66%); | |
$copperpenny : hsl(5, 29%, 55%); | |
$licorice : hsl(6, 24%, 8%); | |
$giantsclub : hsl(6, 37%, 51%); | |
$bittersweet : hsl(6, 97%, 71%); | |
$ogreodor : hsl(6, 98%, 62%); | |
$melon : hsl(7, 95%, 85%); | |
$burnishedbrown : hsl(8, 19%, 54%); | |
$cedarchest : hsl(8, 54%, 54%); | |
$jasper : hsl(8, 61%, 53%); | |
$jellybean : hsl(8, 65%, 58%); | |
$orangesoda : hsl(10, 95%, 61%); | |
$blastoffbronze : hsl(12, 27%, 52%); | |
$outrageousorange : hsl(12, 100%, 65%); | |
$vividtangerine : hsl(12, 100%, 77%); | |
$burntsienna : hsl(14, 77%, 64%); | |
$brown : hsl(15, 41%, 50%); | |
$smokeytopaz : hsl(15, 82%, 28%); | |
$silver : hsl(16, 10%, 78%); | |
$smashedpumpkin : hsl(16, 100%, 61%); | |
$sepia : hsl(18, 35%, 48%); | |
$copper : hsl(18, 60%, 66%); | |
$mandarinpearl : hsl(18, 88%, 62%); | |
$orange : hsl(18, 100%, 61%); | |
$burntorange : hsl(18, 100%, 64%); | |
$brownsugar : hsl(20, 39%, 49%); | |
$citrine : hsl(20, 88%, 31%); | |
$mangotango : hsl(20, 100%, 63%); | |
$atomictangerine : hsl(21, 100%, 73%); | |
$beaver : hsl(22, 20%, 53%); | |
$chocolate : hsl(22, 41%, 56%); | |
$antiquebrass : hsl(22, 47%, 63%); | |
$bigfootfeet : hsl(22, 76%, 63%); | |
$desertsand : hsl(23, 63%, 83%); | |
$tumbleweed : hsl(24, 57%, 70%); | |
$rawsienna : hsl(24, 60%, 59%); | |
$tan : hsl(25, 93%, 70%); | |
$peach : hsl(26, 100%, 84%); | |
$alloyorange : hsl(27, 85%, 42%); | |
$macaronicheese : hsl(27, 100%, 77%); | |
$lumber : hsl(28, 100%, 90%); | |
$dirt : hsl(29, 30%, 47%); | |
$heatwave : hsl(29, 100%, 50%); | |
$almond : hsl(30, 52%, 87%); | |
$apricot : hsl(30, 95%, 85%); | |
$rawumber : hsl(31, 53%, 29%); | |
$tigerseye : hsl(31, 77%, 40%); | |
$neoncarrot : hsl(31, 100%, 63%); | |
$gray : hsl(33, 4%, 57%); | |
$timberwolf : hsl(33, 11%, 84%); | |
$gold : hsl(35, 62%, 75%); | |
$yelloworange : hsl(35, 100%, 66%); | |
$shadow : hsl(37, 19%, 45%); | |
$aztecgold : hsl(37, 48%, 55%); | |
$brightyellow : hsl(37, 100%, 56%); | |
$maize : hsl(39, 69%, 77%); | |
$metallicsunburst : hsl(41, 47%, 42%); | |
$sunsetpearl : hsl(42, 81%, 71%); | |
$goldfusion : hsl(43, 26%, 41%); | |
$bananamania : hsl(43, 87%, 85%); | |
$goldenrod : hsl(44, 96%, 72%); | |
$sunglow : hsl(44, 100%, 64%); | |
$orangeyellow : hsl(45, 91%, 69%); | |
$dandelion : hsl(46, 97%, 71%); | |
$banana : hsl(47, 100%, 58%); | |
$yellow : hsl(50, 95%, 75%); | |
$gargoylegas : hsl(50, 100%, 64%); | |
$sizzlingsunrise : hsl(52, 100%, 50%); | |
$mistymoss : hsl(54, 33%, 60%); | |
$greenyellow : hsl(55, 76%, 75%); | |
$lemonyellow : hsl(56, 100%, 65%); | |
$springgreen : hsl(57, 55%, 84%); | |
$olivegreen : hsl(58, 36%, 58%); | |
$yellowsunshine : hsl(58, 100%, 50%); | |
$babypowder : hsl(60, 67%, 99%); | |
$sunnypearl : hsl(60, 82%, 71%); | |
$laserlemon : hsl(60, 99%, 56%); | |
$lemonglacier : hsl(60, 100%, 50%); | |
$daffodil : hsl(60, 100%, 60%); | |
$lemon : hsl(60, 100%, 61%); | |
$unmellowyellow : hsl(60, 100%, 70%); | |
$canary : hsl(60, 100%, 80%); | |
$peridot : hsl(61, 41%, 48%); | |
$boogerbuster : hsl(62, 67%, 65%); | |
$keylimepearl : hsl(67, 83%, 75%); | |
$electriclime : hsl(73, 100%, 56%); | |
$lime : hsl(76, 98%, 48%); | |
$yellowgreen : hsl(79, 63%, 70%); | |
$sheengreen : hsl(80, 100%, 42%); | |
$inchworm : hsl(84, 79%, 65%); | |
$greenlizard : hsl(84, 90%, 58%); | |
$alienarmpit : hsl(85, 98%, 44%); | |
$asparagus : hsl(93, 26%, 54%); | |
$springfrost : hsl(94, 100%, 58%); | |
$slimygreen : hsl(111, 73%, 34%); | |
$grannysmithapple : hsl(113, 56%, 76%); | |
$screamingreen : hsl(122, 100%, 73%); | |
$fern : hsl(126, 36%, 59%); | |
$mummystomb : hsl(130, 5%, 53%); | |
$smoke : hsl(132, 6%, 48%); | |
$leatherjacket : hsl(135, 18%, 18%); | |
$forestgreen : hsl(138, 29%, 55%); | |
$caribbeangreenpearl : hsl(139, 60%, 64%); | |
$shinyshamrock : hsl(141, 29%, 51%); | |
$seagreen : hsl(149, 54%, 75%); | |
$magicmint : hsl(153, 70%, 80%); | |
$pine : hsl(156, 40%, 45%); | |
$oceangreenpearl : hsl(157, 48%, 52%); | |
$green : hsl(158, 72%, 39%); | |
$shamrock : hsl(161, 58%, 54%); | |
$mountainmeadow : hsl(161, 59%, 46%); | |
$eucalyptus : hsl(161, 65%, 55%); | |
$junglegreen : hsl(163, 50%, 46%); | |
$jade : hsl(164, 37%, 44%); | |
$illuminatingemerald : hsl(164, 49%, 38%); | |
$caribbeangreen : hsl(164, 77%, 47%); | |
$polishedpine : hsl(166, 28%, 50%); | |
$wintergreendream : hsl(167, 23%, 44%); | |
$emerald : hsl(167, 79%, 37%); | |
$greensheen : hsl(168, 28%, 56%); | |
$tropicalrainforest : hsl(169, 70%, 30%); | |
$pinegreen : hsl(176, 72%, 29%); | |
$robinseggblue : hsl(179, 74%, 46%); | |
$steelteal : hsl(181, 19%, 46%); | |
$malachite : hsl(182, 36%, 43%); | |
$seaserpent : hsl(184, 58%, 55%); | |
$aquamarine : hsl(184, 65%, 68%); | |
$turquoiseblue : hsl(185, 70%, 69%); | |
$tealblue : hsl(185, 77%, 40%); | |
$metallicseaweed : hsl(186, 87%, 29%); | |
$turquoisepearl : hsl(188, 61%, 52%); | |
$blizzardblue : hsl(188, 66%, 80%); | |
$skyblue : hsl(190, 73%, 71%); | |
$outerspace : hsl(191, 8%, 28%); | |
$moonstone : hsl(191, 54%, 49%); | |
$pacificblue : hsl(191, 76%, 45%); | |
$aquapearl : hsl(192, 60%, 61%); | |
$bluegreen : hsl(192, 87%, 39%); | |
$deepspacesparkle : hsl(194, 19%, 36%); | |
$cerulean : hsl(194, 76%, 48%); | |
$onyx : hsl(195, 4%, 22%); | |
$steelblue : hsl(195, 100%, 34%); | |
$winterwizard : hsl(196, 100%, 81%); | |
$freshair : hsl(196, 100%, 83%); | |
$pewterblue : hsl(200, 23%, 63%); | |
$cornflower : hsl(201, 67%, 76%); | |
$bluejeans : hsl(206, 79%, 65%); | |
$ceruleanfrost : hsl(208, 42%, 60%); | |
$blackcoralpearl : hsl(209, 14%, 38%); | |
$greenblue : hsl(209, 83%, 39%); | |
$bluegray : hsl(210, 50%, 60%); | |
$midnightblue : hsl(210, 64%, 28%); | |
$navyblue : hsl(210, 79%, 46%); | |
$shadowblue : hsl(214, 20%, 56%); | |
$bdazzledblue : hsl(215, 53%, 38%); | |
$sapphire : hsl(215, 56%, 40%); | |
$denim : hsl(215, 64%, 47%); | |
$blue : hsl(217, 99%, 56%); | |
$absolutezero : hsl(217, 100%, 36%); | |
$lapislazuli : hsl(219, 47%, 49%); | |
$periwinkle : hsl(220, 40%, 84%); | |
$blueberry : hsl(220, 91%, 64%); | |
$cadetblue : hsl(221, 16%, 73%); | |
$newcar : hsl(223, 71%, 45%); | |
$wildblueyonder : hsl(226, 33%, 73%); | |
$indigo : hsl(226, 51%, 58%); | |
$denimblue : hsl(227, 69%, 42%); | |
$violetblue : hsl(229, 56%, 45%); | |
$manatee : hsl(231, 10%, 63%); | |
$bluebell : hsl(240, 33%, 73%); | |
$cosmiccobalt : hsl(241, 50%, 35%); | |
$amethyst : hsl(244, 23%, 49%); | |
$oceanbluepearl : hsl(247, 47%, 48%); | |
$blueviolet : hsl(249, 40%, 57%); | |
$soap : hsl(249, 55%, 86%); | |
$plumppurple : hsl(251, 44%, 49%); | |
$pixiepowder : hsl(260, 76%, 30%); | |
$purpleheart : hsl(262, 55%, 52%); | |
$cybergrape : hsl(263, 31%, 37%); | |
$royalpurple : hsl(267, 35%, 49%); | |
$purplemountainsmajesty : hsl(269, 29%, 62%); | |
$grape : hsl(272, 58%, 42%); | |
$violetpurple : hsl(274, 28%, 56%); | |
$wisteria : hsl(282, 47%, 76%); | |
$glossygrape : hsl(285, 18%, 64%); | |
$purpleplum : hsl(285, 41%, 52%); | |
$lilac : hsl(287, 75%, 75%); | |
$vividviolet : hsl(289, 32%, 46%); | |
$fuchsia : hsl(299, 46%, 58%); | |
$shockingpink : hsl(299, 97%, 74%); | |
$midnightpearl : hsl(300, 49%, 29%); | |
$pinkflamingo : hsl(300, 97%, 72%); | |
$plum : hsl(307, 35%, 41%); | |
$razzmicberry : hsl(308, 29%, 43%); | |
$bubblegum : hsl(310, 100%, 91%); | |
$lilacluster : hsl(311, 12%, 64%); | |
$purplepizzazz : hsl(312, 99%, 65%); | |
$hotmagenta : hsl(313, 100%, 56%); | |
$orchid : hsl(315, 55%, 78%); | |
$razzledazzlerose : hsl(315, 100%, 64%); | |
$pearlypurple : hsl(316, 35%, 56%); | |
$shampoo : hsl(318, 100%, 91%); | |
$rosequartz : hsl(319, 44%, 54%); | |
$thistle : hsl(320, 47%, 85%); | |
$frostbite : hsl(322, 80%, 56%); | |
$redviolet : hsl(324, 50%, 51%); | |
$princessperfume : hsl(324, 100%, 76%); | |
$sugarplum : hsl(325, 30%, 44%); | |
$mulberry : hsl(328, 51%, 53%); | |
$eggplant : hsl(329, 15%, 37%); | |
$twilightlavender : hsl(329, 31%, 41%); | |
$mysticmaroon : hsl(329, 44%, 47%); | |
$cerise : hsl(329, 69%, 57%); | |
$magenta : hsl(329, 89%, 68%); | |
$wildstrawberry : hsl(329, 100%, 63%); | |
$wintersky : hsl(331, 100%, 50%); | |
$lavender : hsl(332, 92%, 85%); | |
$cottoncandy : hsl(334, 100%, 87%); | |
$orchidpearl : hsl(336, 30%, 37%); | |
$violetred : hsl(336, 91%, 65%); | |
$carnationpink : hsl(336, 100%, 83%); | |
$ruby : hsl(337, 45%, 46%); | |
$mysticpearl : hsl(338, 62%, 58%); | |
$razzmatazz : hsl(338, 77%, 52%); | |
$jazzberryjam : hsl(340, 58%, 50%); | |
$strawberry : hsl(341, 96%, 67%); | |
$sasquatchsocks : hsl(341, 100%, 64%); | |
$blush : hsl(342, 66%, 62%); | |
$ticklemepink : hsl(342, 95%, 76%); | |
$cinnamonsatin : hsl(343, 52%, 59%); | |
$piggypink : hsl(343, 89%, 93%); | |
$rosedust : hsl(344, 25%, 49%); | |
$pinkpearl : hsl(345, 29%, 56%); | |
$bigdiporuby : hsl(345, 62%, 38%); | |
$rosepearl : hsl(345, 86%, 58%); | |
$maroon : hsl(346, 57%, 50%); | |
$pinksherbert : hsl(346, 87%, 76%); | |
$dingydungeon : hsl(347, 60%, 48%); | |
$red : hsl(347, 86%, 53%); | |
$mauvelous : hsl(348, 73%, 77%); | |
$radicalred : hsl(348, 100%, 64%); | |
$blackshadows : hsl(349, 11%, 72%); | |
$shimmeringblush : hsl(349, 52%, 69%); | |
$cherry : hsl(349, 71%, 50%); | |
$magicpotion : hsl(349, 100%, 63%); | |
$wildwatermelon : hsl(350, 96%, 71%); | |
$fieryrose : hsl(350, 100%, 66%); | |
$scarlet : hsl(351, 97%, 57%); | |
$sizzlingred : hsl(351, 100%, 61%); | |
$salmon : hsl(351, 100%, 80%); | |
$brickred : hsl(352, 57%, 53%); | |
$rustyred : hsl(352, 70%, 51%); | |
$redsalsa : hsl(355, 98%, 61%); | |
$sunburntcyclops : hsl(356, 100%, 63%); | |
$tulip : hsl(357, 100%, 76%); | |
$salmonpearl : hsl(358, 86%, 61%); | |
$bittersweetshimmer : hsl(359, 47%, 53%); | |
$mahogany : hsl(359, 57%, 55%); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment