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