1000种颜色选择列表代码
代码语言：html
所属分类：布局界面
代码描述：1000种颜色选择列表代码
代码标签： 列表
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - A thousand Colors (HTML)</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
<style>
body {
font-family: Arial,sans-serif;
padding: 5px;
text-align: center;
}
#header {
font-family: 'Orbitron', sans-serif;
}
#header h1 {
margin: 0;
padding: 5px;
}
#controls {
display: flex;
flex-wrap: wrap;
}
#controls div {
flex: 1 1 auto;
padding: 5px;
}
#container {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: minmax(2em, 1fr);
}
#container.grid {
display: grid;
grid-gap: 5px;
}
#container.grid div {
padding: 20px;
}
#container.compactGrid {
display: grid;
}
#container.compactGrid div {
padding: 5px;
grid-gap: 0px;
}
#container.compactGrid div span {
padding: 0;
}
#container.list {
display: inherit;
}
#container.list div {
padding: 20px;
}
#container.compactList {
display: inherit;
}
#container.compactList div {
padding: 0px;
}
#container.compactList div span {
padding: 0;
}
#container div {
display: grid;
place-items: center;
}
#container div.dark {
color: white;
}
#container div span {
padding: 2px;
display: none;
filter: invert(1) grayscale(1) contrast(99);
}
#container div span:nth-child(1) {
display: inline;
}
#container div span:nth-child(n+2) {
font-family: monospace;
}
</style>
</head>
<body translate="no" >
<div id="header"><h1><span>🖍️</span> 1000 <span style="color:darkslateblue">C</span><span style="color:firebrick">o</span><span style="color:fuchsia">l</span><span style="color:chartreuse">o</span><span style="color:gold">r</span><span style="color:red">s</span> <span style="filter:hue-rotate(270deg)">🖍️</span>
</h1>
</div>
<div id="controls">
<div><label for="query">Search: </label><input type="text" id="query" list="patterns"/>
<datalist id="patterns">
<option value="web">Web Colors</option>
<option value="pink|black">color1 OR color2</option>
<option value="\bred\b|(^(Alizarin crimson|Amaranth|American rose|Apricot|Auburn|Burgundy|Cardinal|Carmine|Carnelian|Cerise|Chocolate Cosmos|Cinnabar|Claret|Coquelicot|Coral|Crimson|Electric crimson|Fire brick|Flame|Folly|Fuchsia|Garnet|Hollywood cerise|Lava|Magenta|Maroon|Mahogany|Oxblood|Persian rose|Pink|Raspberry|Red-violet|Redwood|Rojo|Rose|Rosewood|Rosso corsa|Ruby|Russet|Rust|Sanguine|Scarlet|Shocking pink|Tawny|Tea rose|Terra cotta|Tomato|Tyrian purple|Vermilion|Wine)$)">Shades of Red</option>
<option value="green|olive|(^(Aqua|Asparagus|Avocado|Celadon|Chartreuse|Cyan|Emerald|Erin|Feldgrau|Harlequin|Honeydew|Lime|Mantis|Malachite|Mindaro|Mint|Olivine|Pear|Pistachio|Robin egg blue|Sage|Spring bud|Teal|Turquoise|Viridian)$)">Shades of Green</option>
<option value="blue|azure|(^(Bleu de France|Capri|Celeste|Cerulean|Cyan|Denim|Glaucous|Electric indigo|Indigo|Indigo dye|Iris|Periwinkle|Sapphire|Turquoise|Ultramarine)$)">Shades of Blue</option>
<option value="orange|(^(Amber|Apricot|Bittersweet|Buff|Butterscotch|Caramel|Champagne|Citron|Coral|Flame|Fulvous|Gamboge|Gold|
Golden poppy|Jonquil|Lion|Mahogany|Mango|Marigold|Papaya whip|Peach|Persimmon|
Pumpkin|Rust|Salmon|Scarlet|Seashell|Sunglow|Sunset|Tangelo|Tangerine|Tawny|Tea rose|Tomato|Vermilion)$)">Shades of Orange</option>
<option value="black|(^(Bistre|Café noir|Charcoal|Dark purple|Ebony|Eigengrau|Jet|Licorice|Midnight blue|Night|Onyx|Outer space|Oxford blue|Russian violet|Dark jungle green)$)">Shades of Black</option>
<option value="white|(^(Almond|Alabaster|Alabastine|Alice blue|Baby Powder|Beige|Bone|Champagne|Cornsilk|Cosmic latte|Cream|Cultured|Eggshell|Flax|Gainsboro|Honeydew|Isabelline|Ivory|Lavender blush|Lemon chiffon|Linen|Magnolia|Mint cream|Misty rose|Nyanza|Old lace|Papaya whip|Peach|Platinum|Seasalt|Seashell|Snow|Timberwolf|Vanilla)$)">Shades of White</option>
<option value="gr(a|e)y|silver|(^(Charcoal|Cinerous|Eigengrau|Feldgrau|Jet|Marengo|Gunmetal|Platinum|Taupe|Taupe brown|Rose quartz|Timberwolf)$)">Shades of Grey</option>
<option value="yellow|(^(Amber|Apricot|Aureolin|Beige|Buff|Champagne|Chartreuse|Citron|Citrine|Cosmic latte|Coyote|Cream|Dark goldenrod|Ecru|Flax|Gamboge|Gold|Gold \(metallic\)|Goldenrod|Harvest gold|Ivory|Jasmine|Jonquil|Khaki|Lemon chiffon|Lemon-lime|Lion|Maize|Mindaro|Mustard|Navajo white|Old gold|Olive|Papaya whip|Pear|Saffron|Straw|Sunglow|Sunset|Vanilla|Wheat)$)">Shades of Yellow</option>
<option value="violet|purple|(^(Amethyst|Byzantium|Electric indigo|Eminence|Fairy Tale|Fandango|French mauve|Grape|Heliotrope|Indigo|Iris|Lavender blush|Lavender \(floral\)|Lavender \(web\)|Lilac|Mardi Gras|Mauve|Medium slate blue|Mountbatten pink|Mulberry|Orchid|Palatinate|Periwinkle|Phlox|Pink lavender|Plum \(web\)|Pomp and Power|Purple|Purpureus|Slate blue|Steel pink|Thistle|Tropical indigo|Veronica|Violet|Wisteria)$)">Shades of Violet</option>
<option value="pink|(^(Amaranth|Amaranth purple|Blush|Cerise|Crimson|Dark Magenta|Eggplant|Fairy Tale|Fandango|Folly|French rose|Fuchsia|Hollywood cerise|Hot magenta|Magenta|Magenta (Pantone)|Magenta dye|Magenta haze|Mulberry|Orchid|Palatinate|Phlox|Plum|Purple|Persian rose|Purple pizzazz|Quinacridone magenta|Raspberry|Razzle dazzle rose|Red-violet|Rose|Sky magenta|Telemagenta|Violet-red|Blush|Brilliant rose|Cyclamen|Fuchsia|Heliotrope|Hollywood cerise|Lavender blush|Magenta|Misty rose|Pale Dogwood|Puce|Raspberry|Rose quartz|Seashell|Tea Rose)$)">Shades of Pink</option>
<option value="brown|(^(Auburn|Almond|Beaver|Bistre|Bole|Bronze|Buff|Burgundy|Burnt sienna|Burnt umber|Camel|Caramel|Chamoisee|Chestnut|Chocolate|Citron|Coffee|Copper|Cordovan|Coyote|Desert sand|Earth yellow|Ecru|Fallow|Fawn|Field drab|Fulvous|Goldenrod|Harvest gold|Khaki|Lion|Liver|Mahogany|Maroon|Ochre|Olive|Raw umber|Redwood|Rufous|Russet|Rust|Sand|Satin sheen gold|Sepia|Sienna|Sinopia|Tan|Taupe|Tawny|Umber|Wenge|Wheat)$)">Shades of Brown</option>
</datalist>
<input type='button' value="clear" onclick="document.querySelector('#query').value='';document.querySelector('#query').dispatchEvent(new Event('keyup'));"/></div>
<div><label for="sort" title="Sort descending">Sort: </label>
<select id="sortOrder">
<option value="desc">High to Low</option>
<option value="asc" selected>Low To High</option>
<select>
<select id="sort"></div>
<option value="name">Alphabetical</option>
<option value="r">Red %</option>
<option value="g">Green %</option>
<option value="b">Blue %</option>
<option value="hue">Hue</option>
<option value="hslsat">Saturation (HSL)</option>
<option value="light">Lightness</option>
<option value="hsvsat">Saturation (HSV)</option>
<option value="val">Brightness/Value</option>
</select></div>
<div><label for="displayMode">Display: </label><select id="displayMode">
<option value="grid" selected>Grid</option>
<option value="compactGrid">Compact Grid</option>
<option value="list">List</option>
<option value="compactList">Compact List</option>
</select></div>
<div><label for="verbose">Webmaster: </label><input id="verbose" type="checkbox"/></div>
</div>
<div id="container" class="grid">
<div style="background-color:#0048BA;color:#0048BA;" title="Absolute Zero" data-name="Absolute Zero" data-r="0" data-g="28" data-b="73" data-hue="217" data-hslsat="100" data-light="37" data-hsvsat="100" data-val="73" data-shortname="AbsoluteZero"><span>Absolute Zero</span><span>#0048BA</span><span>rgb(0% 28% 73%)</span><span>hsl(217 100% 37%)</span><span>hsv(217 100% 73%)</span></div>
<div style="background-color:#B0BF1A;color:#B0BF1A;" title="Acid green" data-name="Acid green" data-r="69" data-g="75" data-b="10" data-hue="65" data-hslsat="76" data-light="43" data-hsvsat="76" data-val="43" data-shortname="Acidgreen"><span>Acid green</span><span>#B0BF1A</span><span>rgb(69% 75% 10%)</span><span>hsl(65 76% 43%)</span><span>hsv(65 76% 43%)</span></div>
<div style="background-color:#7CB9E8;color:#7CB9E8;" title="Aero" data-name="Aero" data-r="49" data-g="73" data-b="91" data-hue="206" data-hslsat="70" data-light="70" data-hsvsat="47" data-val="91" data-shortname="Aero"><span>Aero</span><span>#7CB9E8</span><span>rgb(49% 73% 91%)</span><span>hsl(206 70% 70%)</span><span>hsv(206 47% 91%)</span></div>
<div style="background-color:#C0E8D5;color:#C0E8D5;" title="Aero blue" data-name="Aero blue" data-r="75" data-g="91" data-b="84" data-hue="151" data-hslsat="47" data-light="83" data-hsvsat="17" data-val="91" data-shortname="Aeroblue"><span>Aero blue</span><span>#C0E8D5</span><span>rgb(75% 91% 84%)</span><span>hsl(151 47% 83%)</span><span>hsv(151 17% 91%)</span></div>
<div style="background-color:#B284BE;color:#B284BE;" title="African violet" data-name="African violet" data-r="70" data-g="52" data-b="75" data-hue="288" data-hslsat="31" data-light="63" data-hsvsat="31" data-val="75" data-shortname="Africanviolet"><span>African violet</span><span>#B284BE</span><span>rgb(70% 52% 75%)</span><span>hsl(288 31% 63%)</span><span>hsv(288 31% 75%)</span></div>
<div style="background-color:#72A0C1;color:#72A0C1;" title="Air superiority blue" data-name="Air superiority blue" data-r="45" data-g="63" data-b="76" data-hue="205" data-hslsat="39" data-light="60" data-hsvsat="41" data-val="76" data-shortname="Airsuperiorityblue"><span>Air superiority blue</span><span>#72A0C1</span><span>rgb(45% 63% 76%)</span><span>hsl(205 39% 60%)</span><span>hsv(205 41% 76%)</span></div>
<div style="background-color:#EDEAE0;color:#EDEAE0;" title="Alabaster" data-name="Alabaster" data-r="93" data-g="92" data-b="88" data-hue="50" data-hslsat="27" data-light="90" data-hsvsat="6" data-val="93" data-shortname="Alabaster"><span>Alabaster</span><span>#EDEAE0</span><span>rgb(93% 92% 88%)</span><span>hsl(50 27% 90%)</span><span>hsv(50 6% 93%)</span></div>
<div style="background-color:#F0F8FF;color:#F0F8FF;" title="Alice blue" data-name="Alice blue (web)" data-r="94" data-g="97" data-b="100" data-hue="208" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="Aliceblue"><span>Alice blue (web)</span><span>aliceblue</span><span>#F0F8FF</span><span>rgb(94% 97% 100%)</span><span>hsl(208 100% 97%)</span><span>hsv(208 6% 100%)</span></div>
<div style="background-color:#C46210;color:#C46210;" title="Alloy orange" data-name="Alloy orange" data-r="77" data-g="38" data-b="6" data-hue="27" data-hslsat="85" data-light="42" data-hsvsat="92" data-val="77" data-shortname="Alloyorange"><span>Alloy orange</span><span>#C46210</span><span>rgb(77% 38% 6%)</span><span>hsl(27 85% 42%)</span><span>hsv(27 92% 77%)</span></div>
<div style="background-color:#EFDECD;color:#EFDECD;" title="Almond" data-name="Almond" data-r="94" data-g="87" data-b="80" data-hue="30" data-hslsat="52" data-light="87" data-hsvsat="14" data-val="94" data-shortname="Almond"><span>Almond</span><span>#EFDECD</span><span>rgb(94% 87% 80%)</span><span>hsl(30 52% 87%)</span><span>hsv(30 14% 94%)</span></div>
<div style="background-color:#E52B50;color:#E52B50;" title="Amaranth" data-name="Amaranth" data-r="90" data-g="17" data-b="31" data-hue="348" data-hslsat="78" data-light="53" data-hsvsat="81" data-val="90" data-shortname="Amaranth"><span>Amaranth</span><span>#E52B50</span><span>rgb(90% 17% 31%)</span><span>hsl(348 78% 53%)</span><span>hsv(348 81% 90%)</span></div>
<div style="background-color:#9F2B68;color:#9F2B68;" title="Amaranth (M&P)" data-name="Amaranth (M&amp;P)" data-r="62" data-g="17" data-b="41" data-hue="328" data-hslsat="57" data-light="40" data-hsvsat="73" data-val="62" data-shortname="AmaranthMP"><span>Amaranth (M&P)</span><span>#9F2B68</span><span>rgb(62% 17% 41%)</span><span>hsl(328 57% 40%)</span><span>hsv(328 73% 62%)</span></div>
<div style="background-color:#F19CBB;color:#F19CBB;" title="Amaranth pink" data-name="Amaranth pink" data-r="95" data-g="61" data-b="73" data-hue="338" data-hslsat="75" data-light="78" data-hsvsat="35" data-val="95" data-shortname="Amaranthpink"><span>Amaranth pink</span><span>#F19CBB</span><span>rgb(95% 61% 73%)</span><span>hsl(338 75% 78%)</span><span>hsv(338 35% 95%)</span></div>
<div style="background-color:#AB274F;color:#AB274F;" title="Amaranth purple" data-name="Amaranth purple" data-r="67" data-g="15" data-b="31" data-hue="342" data-hslsat="63" data-light="41" data-hsvsat="77" data-val="67" data-shortname="Amaranthpurple"><span>Amaranth purple</span><span>#AB274F</span><span>rgb(67% 15% 31%)</span><span>hsl(342 63% 41%)</span><span>hsv(342 77% 67%)</span></div>
<div style="background-color:#D3212D;color:#D3212D;" title="Amaranth red" data-name="Amaranth red" data-r="83" data-g="13" data-b="18" data-hue="356" data-hslsat="73" data-light="48" data-hsvsat="84" data-val="83" data-shortname="Amaranthred"><span>Amaranth red</span><span>#D3212D</span><span>rgb(83% 13% 18%)</span><span>hsl(356 73% 48%)</span><span>hsv(356 84% 83%)</span></div>
<div style="background-color:#3B7A57;color:#3B7A57;" title="Amazon" data-name="Amazon" data-r="23" data-g="48" data-b="34" data-hue="147" data-hslsat="35" data-light="36" data-hsvsat="52" data-val="48" data-shortname="Amazon"><span>Amazon</span><span>#3B7A57</span><span>rgb(23% 48% 34%)</span><span>hsl(147 35% 36%)</span><span>hsv(147 52% 48%)</span></div>
<div style="background-color:#FFBF00;color:#FFBF00;" title="Amber" data-name="Amber" data-r="100" data-g="75" data-b="0" data-hue="45" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Amber"><span>Amber</span><span>#FFBF00</span><span>rgb(100% 75% 0%)</span><span>hsl(45 100% 50%)</span><span>hsv(45 100% 100%)</span></div>
<div style="background-color:#FF7E00;color:#FF7E00;" title="Amber (SAE/ECE)" data-name="Amber (SAE/ECE)" data-r="100" data-g="49" data-b="0" data-hue="30" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="AmberSAEECE"><span>Amber (SAE/ECE)</span><span>#FF7E00</span><span>rgb(100% 49% 0%)</span><span>hsl(30 100% 50%)</span><span>hsv(30 100% 100%)</span></div>
<div style="background-color:#9966CC;color:#9966CC;" title="Amethyst" data-name="Amethyst" data-r="60" data-g="40" data-b="80" data-hue="270" data-hslsat="50" data-light="60" data-hsvsat="50" data-val="80" data-shortname="Amethyst"><span>Amethyst</span><span>#9966CC</span><span>rgb(60% 40% 80%)</span><span>hsl(270 50% 60%)</span><span>hsv(270 50% 80%)</span></div>
<div style="background-color:#A4C639;color:#A4C639;" title="Android green" data-name="Android green" data-r="64" data-g="78" data-b="22" data-hue="74" data-hslsat="55" data-light="50" data-hsvsat="71" data-val="78" data-shortname="Androidgreen"><span>Android green</span><span>#A4C639</span><span>rgb(64% 78% 22%)</span><span>hsl(74 55% 50%)</span><span>hsv(74 71% 78%)</span></div>
<div style="background-color:#CD9575;color:#CD9575;" title="Antique brass" data-name="Antique brass" data-r="80" data-g="58" data-b="46" data-hue="22" data-hslsat="47" data-light="63" data-hsvsat="43" data-val="80" data-shortname="Antiquebrass"><span>Antique brass</span><span>#CD9575</span><span>rgb(80% 58% 46%)</span><span>hsl(22 47% 63%)</span><span>hsv(22 43% 80%)</span></div>
<div style="background-color:#665D1E;color:#665D1E;" title="Antique bronze" data-name="Antique bronze" data-r="40" data-g="36" data-b="12" data-hue="53" data-hslsat="55" data-light="26" data-hsvsat="71" data-val="40" data-shortname="Antiquebronze"><span>Antique bronze</span><span>#665D1E</span><span>rgb(40% 36% 12%)</span><span>hsl(53 55% 26%)</span><span>hsv(53 71% 40%)</span></div>
<div style="background-color:#915C83;color:#915C83;" title="Antique fuchsia" data-name="Antique fuchsia" data-r="57" data-g="36" data-b="51" data-hue="316" data-hslsat="22" data-light="46" data-hsvsat="37" data-val="57" data-shortname="Antiquefuchsia"><span>Antique fuchsia</span><span>#915C83</span><span>rgb(57% 36% 51%)</span><span>hsl(316 22% 46%)</span><span>hsv(316 37% 57%)</span></div>
<div style="background-color:#841B2D;color:#841B2D;" title="Antique ruby" data-name="Antique ruby" data-r="52" data-g="11" data-b="18" data-hue="350" data-hslsat="66" data-light="31" data-hsvsat="80" data-val="52" data-shortname="Antiqueruby"><span>Antique ruby</span><span>#841B2D</span><span>rgb(52% 11% 18%)</span><span>hsl(350 66% 31%)</span><span>hsv(350 80% 52%)</span></div>
<div style="background-color:#FAEBD7;color:#FAEBD7;" title="Antique white" data-name="Antique white (web)" data-r="98" data-g="92" data-b="84" data-hue="34" data-hslsat="78" data-light="91" data-hsvsat="14" data-val="98" data-shortname="Antiquewhite"><span>Antique white (web)</span><span>antiquewhite</span><span>#FAEBD7</span><span>rgb(98% 92% 84%)</span><span>hsl(34 78% 91%)</span><span>hsv(34 14% 98%)</span></div>
<div style="background-color:#008000;color:#008000;" title="Ao (English)" data-name="Ao (English)" data-r="0" data-g="50" data-b="0" data-hue="120" data-hslsat="100" data-light="25" data-hsvsat="100" data-val="50" data-shortname="AoEnglish"><span>Ao (English)</span><span>#008000</span><span>rgb(0% 50% 0%)</span><span>hsl(120 100% 25%)</span><span>hsv(120 100% 50%)</span></div>
<div style="background-color:#8DB600;color:#8DB600;" title="Apple green" data-name="Apple green" data-r="55" data-g="71" data-b="0" data-hue="74" data-hslsat="100" data-light="36" data-hsvsat="100" data-val="71" data-shortname="Applegreen"><span>Apple green</span><span>#8DB600</span><span>rgb(55% 71% 0%)</span><span>hsl(74 100% 36%)</span><span>hsv(74 100% 71%)</span></div>
<div style="background-color:#FBCEB1;color:#FBCEB1;" title="Apricot" data-name="Apricot" data-r="98" data-g="81" data-b="69" data-hue="24" data-hslsat="90" data-light="84" data-hsvsat="29" data-val="98" data-shortname="Apricot"><span>Apricot</span><span>#FBCEB1</span><span>rgb(98% 81% 69%)</span><span>hsl(24 90% 84%)</span><span>hsv(24 29% 98%)</span></div>
<div style="background-color:#00FFFF;color:#00FFFF;" title="Aqua" data-name="Aqua (web)" data-r="0" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Aqua"><span>Aqua (web)</span><span>aqua</span><span>#00FFFF</span><span>rgb(0% 100% 100%)</span><span>hsl(180 100% 50%)</span><span>hsv(180 100% 100%)</span></div>
<div style="background-color:#7FFFD4;color:#7FFFD4;" title="Aquamarine" data-name="Aquamarine (web)" data-r="50" data-g="100" data-b="83" data-hue="160" data-hslsat="100" data-light="75" data-hsvsat="50" data-val="100" data-shortname="Aquamarine"><span>Aquamarine (web)</span><span>aquamarine</span><span>#7FFFD4</span><span>rgb(50% 100% 83%)</span><span>hsl(160 100% 75%)</span><span>hsv(160 50% 100%)</span></div>
<div style="background-color:#D0FF14;color:#D0FF14;" title="Arctic lime" data-name="Arctic lime" data-r="82" data-g="100" data-b="8" data-hue="72" data-hslsat="100" data-light="54" data-hsvsat="92" data-val="100" data-shortname="Arcticlime"><span>Arctic lime</span><span>#D0FF14</span><span>rgb(82% 100% 8%)</span><span>hsl(72 100% 54%)</span><span>hsv(72 92% 100%)</span></div>
<div style="background-color:#4B5320;color:#4B5320;" title="Army green" data-name="Army green" data-r="29" data-g="33" data-b="13" data-hue="69" data-hslsat="44" data-light="23" data-hsvsat="61" data-val="33" data-shortname="Armygreen"><span>Army green</span><span>#4B5320</span><span>rgb(29% 33% 13%)</span><span>hsl(69 44% 23%)</span><span>hsv(69 61% 33%)</span></div>
<div style="background-color:#8F9779;color:#8F9779;" title="Artichoke" data-name="Artichoke" data-r="56" data-g="59" data-b="47" data-hue="76" data-hslsat="13" data-light="53" data-hsvsat="20" data-val="59" data-shortname="Artichoke"><span>Artichoke</span><span>#8F9779</span><span>rgb(56% 59% 47%)</span><span>hsl(76 13% 53%)</span><span>hsv(76 20% 59%)</span></div>
<div style="background-color:#E9D66B;color:#E9D66B;" title="Arylide yellow" data-name="Arylide yellow" data-r="91" data-g="84" data-b="42" data-hue="51" data-hslsat="74" data-light="67" data-hsvsat="54" data-val="91" data-shortname="Arylideyellow"><span>Arylide yellow</span><span>#E9D66B</span><span>rgb(91% 84% 42%)</span><span>hsl(51 74% 67%)</span><span>hsv(51 54% 91%)</span></div>
<div style="background-color:#B2BEB5;color:#B2BEB5;" title="Ash gray" data-name="Ash gray" data-r="70" data-g="75" data-b="71" data-hue="135" data-hslsat="8" data-light="72" data-hsvsat="6" data-val="75" data-shortname="Ashgray"><span>Ash gray</span><span>#B2BEB5</span><span>rgb(70% 75% 71%)</span><span>hsl(135 8% 72%)</span><span>hsv(135 6% 75%)</span></div>
<div style="background-color:#87A96B;color:#87A96B;" title="Asparagus" data-name="Asparagus" data-r="53" data-g="66" data-b="42" data-hue="93" data-hslsat="26" data-light="54" data-hsvsat="37" data-val="66" data-shortname="Asparagus"><span>Asparagus</span><span>#87A96B</span><span>rgb(53% 66% 42%)</span><span>hsl(93 26% 54%)</span><span>hsv(93 37% 66%)</span></div>
<div style="background-color:#FF9966;color:#FF9966;" title="Atomic tangerine" data-name="Atomic tangerine" data-r="100" data-g="60" data-b="40" data-hue="20" data-hslsat="100" data-light="70" data-hsvsat="60" data-val="100" data-shortname="Atomictangerine"><span>Atomic tangerine</span><span>#FF9966</span><span>rgb(100% 60% 40%)</span><span>hsl(20 100% 70%)</span><span>hsv(20 60% 100%)</span></div>
<div style="background-color:#A52A2A;color:#A52A2A;" title="Auburn" data-name="Auburn" data-r="65" data-g="16" data-b="16" data-hue="0" data-hslsat="59" data-light="41" data-hsvsat="75" data-val="65" data-shortname="Auburn"><span>Auburn</span><span>#A52A2A</span><span>rgb(65% 16% 16%)</span><span>hsl(0 59% 41%)</span><span>hsv(0 75% 65%)</span></div>
<div style="background-color:#FDEE00;color:#FDEE00;" title="Aureolin" data-name="Aureolin" data-r="99" data-g="93" data-b="0" data-hue="56" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="99" data-shortname="Aureolin"><span>Aureolin</span><span>#FDEE00</span><span>rgb(99% 93% 0%)</span><span>hsl(56 100% 50%)</span><span>hsv(56 100% 99%)</span></div>
<div style="background-color:#568203;color:#568203;" title="Avocado" data-name="Avocado" data-r="34" data-g="51" data-b="1" data-hue="81" data-hslsat="95" data-light="26" data-hsvsat="98" data-val="51" data-shortname="Avocado"><span>Avocado</span><span>#568203</span><span>rgb(34% 51% 1%)</span><span>hsl(81 95% 26%)</span><span>hsv(81 98% 51%)</span></div>
<div style="background-color:#007FFF;color:#007FFF;" title="Azure" data-name="Azure (web)" data-r="0" data-g="50" data-b="100" data-hue="210" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Azure"><span>Azure (web)</span><span>azure</span><span>#007FFF</span><span>rgb(0% 50% 100%)</span><span>hsl(210 100% 50%)</span><span>hsv(210 100% 100%)</span></div>
<div style="background-color:#F0FFFF;color:#F0FFFF;" title="Azure (X11/web color)" data-name="Azure (X11/web color)" data-r="94" data-g="100" data-b="100" data-hue="180" data-hslsat="100" data-light="97" data-hsvsat="6" data-val="100" data-shortname="AzureXwebcolor"><span>Azure (X11/web color)</span><span>#F0FFFF</span><span>rgb(94% 100% 100%)</span><span>hsl(180 100% 97%)</span><span>hsv(180 6% 100%)</span></div>
<div style="background-color:#89CFF0;color:#89CFF0;" title="Baby blue" data-name="Baby blue" data-r="54" data-g="81" data-b="94" data-hue="199" data-hslsat="77" data-light="74" data-hsvsat="43" data-val="94" data-shortname="Babyblue"><span>Baby blue</span><span>#89CFF0</span><span>rgb(54% 81% 94%)</span><span>hsl(199 77% 74%)</span><span>hsv(199 43% 94%)</span></div>
<div style="background-color:#A1CAF1;color:#A1CAF1;" title="Baby blue eyes" data-name="Baby blue eyes" data-r="63" data-g="79" data-b="95" data-hue="209" data-hslsat="74" data-light="79" data-hsvsat="33" data-val="95" data-shortname="Babyblueeyes"><span>Baby blue eyes</span><span>#A1CAF1</span><span>rgb(63% 79% 95%)</span><span>hsl(209 74% 79%)</span><span>hsv(209 33% 95%)</span></div>
<div style="background-color:#F4C2C2;color:#F4C2C2;" title="Baby pink" data-name="Baby pink" data-r="96" data-g="76" data-b="76" data-hue="0" data-hslsat="69" data-light="86" data-hsvsat="20" data-val="96" data-shortname="Babypink"><span>Baby pink</span><span>#F4C2C2</span><span>rgb(96% 76% 76%)</span><span>hsl(0 69% 86%)</span><span>hsv(0 20% 96%)</span></div>
<div style="background-color:#FEFEFA;color:#FEFEFA;" title="Baby powder" data-name="Baby powder" data-r="100" data-g="100" data-b="98" data-hue="60" data-hslsat="67" data-light="99" data-hsvsat="2" data-val="100" data-shortname="Babypowder"><span>Baby powder</span><span>#FEFEFA</span><span>rgb(100% 100% 98%)</span><span>hsl(60 67% 99%)</span><span>hsv(60 2% 100%)</span></div>
<div style="background-color:#FF91AF;color:#FF91AF;" title="Baker-Miller pink" data-name="Baker-Miller pink" data-r="100" data-g="57" data-b="69" data-hue="344" data-hslsat="100" data-light="78" data-hsvsat="43" data-val="100" data-shortname="BakerMillerpink"><span>Baker-Miller pink</span><span>#FF91AF</span><span>rgb(100% 57% 69%)</span><span>hsl(344 100% 78%)</span><span>hsv(344 43% 100%)</span></div>
<div style="background-color:#FAE7B5;color:#FAE7B5;" title="Banana Mania" data-name="Banana Mania" data-r="98" data-g="91" data-b="71" data-hue="43" data-hslsat="87" data-light="85" data-hsvsat="28" data-val="98" data-shortname="BananaMania"><span>Banana Mania</span><span>#FAE7B5</span><span>rgb(98% 91% 71%)</span><span>hsl(43 87% 85%)</span><span>hsv(43 28% 98%)</span></div>
<div style="background-color:#DA1884;color:#DA1884;" title="Barbie Pink" data-name="Barbie Pink" data-r="85" data-g="9" data-b="52" data-hue="327" data-hslsat="80" data-light="48" data-hsvsat="89" data-val="85" data-shortname="BarbiePink"><span>Barbie Pink</span><span>#DA1884</span><span>rgb(85% 9% 52%)</span><span>hsl(327 80% 48%)</span><span>hsv(327 89% 85%)</span></div>
<div style="background-color:#7C0A02;color:#7C0A02;" title="Barn red" data-name="Barn red" data-r="49" data-g="4" data-b="1" data-hue="4" data-hslsat="97" data-light="25" data-hsvsat="98" data-val="49" data-shortname="Barnred"><span>Barn red</span><span>#7C0A02</span><span>rgb(49% 4% 1%)</span><span>hsl(4 97% 25%)</span><span>hsv(4 98% 49%)</span></div>
<div style="background-color:#848482;color:#848482;" title="Battleship grey" data-name="Battleship grey" data-r="52" data-g="52" data-b="51" data-hue="60" data-hslsat="1" data-light="51" data-hsvsat="2" data-val="52" data-shortname="Battleshipgrey"><span>Battleship grey</span><span>#848482</span><span>rgb(52% 52% 51%)</span><span>hsl(60 1% 51%)</span><span>hsv(60 2% 52%)</span></div>
<div style="background-color:#BCD4E6;color:#BCD4E6;" title="Beau blue" data-name="Beau blue" data-r="74" data-g="83" data-b="90" data-hue="206" data-hslsat="46" data-light="82" data-hsvsat="18" data-val="90" data-shortname="Beaublue"><span>Beau blue</span><span>#BCD4E6</span><span>rgb(74% 83% 90%)</span><span>hsl(206 46% 82%)</span><span>hsv(206 18% 90%)</span></div>
<div style="background-color:#9F8170;color:#9F8170;" title="Beaver" data-name="Beaver" data-r="62" data-g="51" data-b="44" data-hue="22" data-hslsat="20" data-light="53" data-hsvsat="30" data-val="62" data-shortname="Beaver"><span>Beaver</span><span>#9F8170</span><span>rgb(62% 51% 44%)</span><span>hsl(22 20% 53%)</span><span>hsv(22 30% 62%)</span></div>
<div style="background-color:#F5F5DC;color:#F5F5DC;" title="Beige" data-name="Beige (web)" data-r="96" data-g="96" data-b="86" data-hue="60" data-hslsat="56" data-light="91" data-hsvsat="10" data-val="96" data-shortname="Beige"><span>Beige (web)</span><span>beige</span><span>#F5F5DC</span><span>rgb(96% 96% 86%)</span><span>hsl(60 56% 91%)</span><span>hsv(60 10% 96%)</span></div>
<div style="background-color:#2E5894;color:#2E5894;" title="B'dazzled blue" data-name="B'dazzled blue" data-r="18" data-g="35" data-b="58" data-hue="215" data-hslsat="53" data-light="38" data-hsvsat="69" data-val="58" data-shortname="Bdazzledblue"><span>B'dazzled blue</span><span>#2E5894</span><span>rgb(18% 35% 58%)</span><span>hsl(215 53% 38%)</span><span>hsv(215 69% 58%)</span></div>
<div style="background-color:#9C2542;color:#9C2542;" title="Big dip o’ruby" data-name="Big dip o’ruby" data-r="61" data-g="15" data-b="26" data-hue="345" data-hslsat="62" data-light="38" data-hsvsat="76" data-val="61" data-shortname="Bigdiporuby"><span>Big dip o’ruby</span><span>#9C2542</span><span>rgb(61% 15% 26%)</span><span>hsl(345 62% 38%)</span><span>hsv(345 76% 61%)</span></div>
<div style="background-color:#FFE4C4;color:#FFE4C4;" title="Bisque" data-name="Bisque (web)" data-r="100" data-g="89" data-b="77" data-hue="33" data-hslsat="100" data-light="88" data-hsvsat="23" data-val="100" data-shortname="Bisque"><span>Bisque (web)</span><span>bisque</span><span>#FFE4C4</span><span>rgb(100% 89% 77%)</span><span>hsl(33 100% 88%)</span><span>hsv(33 23% 100%)</span></div>
<div style="background-color:#3D2B1F;color:#3D2B1F;" title="Bistre" data-name="Bistre" data-r="24" data-g="17" data-b="12" data-hue="24" data-hslsat="33" data-light="18" data-hsvsat="49" data-val="24" data-shortname="Bistre"><span>Bistre</span><span>#3D2B1F</span><span>rgb(24% 17% 12%)</span><span>hsl(24 33% 18%)</span><span>hsv(24 49% 24%)</span></div>
<div style="background-color:#967117;color:#967117;" title="Bistre brown" data-name="Bistre brown" data-r="59" data-g="44" data-b="9" data-hue="43" data-hslsat="73" data-light="34" data-hsvsat="85" data-val="59" data-shortname="Bistrebrown"><span>Bistre brown</span><span>#967117</span><span>rgb(59% 44% 9%)</span><span>hsl(43 73% 34%)</span><span>hsv(43 85% 59%)</span></div>
<div style="background-color:#CAE00D;color:#CAE00D;" title="Bitter lemon" data-name="Bitter lemon" data-r="79" data-g="88" data-b="5" data-hue="66" data-hslsat="89" data-light="46" data-hsvsat="94" data-val="88" data-shortname="Bitterlemon"><span>Bitter lemon</span><span>#CAE00D</span><span>rgb(79% 88% 5%)</span><span>hsl(66 89% 46%)</span><span>hsv(66 94% 88%)</span></div>
<div style="background-color:#BFFF00;color:#BFFF00;" title="Bitter lime" data-name="Bitter lime" data-r="75" data-g="100" data-b="0" data-hue="75" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Bitterlime"><span>Bitter lime</span><span>#BFFF00</span><span>rgb(75% 100% 0%)</span><span>hsl(75 100% 50%)</span><span>hsv(75 100% 100%)</span></div>
<div style="background-color:#FE6F5E;color:#FE6F5E;" title="Bittersweet" data-name="Bittersweet" data-r="100" data-g="44" data-b="37" data-hue="6" data-hslsat="99" data-light="68" data-hsvsat="63" data-val="100" data-shortname="Bittersweet"><span>Bittersweet</span><span>#FE6F5E</span><span>rgb(100% 44% 37%)</span><span>hsl(6 99% 68%)</span><span>hsv(6 63% 100%)</span></div>
<div style="background-color:#BF4F51;color:#BF4F51;" title="Bittersweet shimmer" data-name="Bittersweet shimmer" data-r="75" data-g="31" data-b="32" data-hue="359" data-hslsat="47" data-light="53" data-hsvsat="59" data-val="75" data-shortname="Bittersweetshimmer"><span>Bittersweet shimmer</span><span>#BF4F51</span><span>rgb(75% 31% 32%)</span><span>hsl(359 47% 53%)</span><span>hsv(359 59% 75%)</span></div>
<div style="background-color:#000000;color:#000000;" title="Black" data-name="Black (web)" data-r="0" data-g="0" data-b="0" data-hue="—" data-hslsat="0" data-light="0" data-hsvsat="0" data-val="0" data-shortname="Black"><span>Black (web)</span><span>black</span><span>#000000</span><span>rgb(0% 0% 0%)</span><span>hsl(— 0% 0%)</span><span>hsv(— 0% 0%)</span></div>
<div style="background-color:#3D0C02;color:#3D0C02;" title="Black bean" data-name="Black bean" data-r="24" data-g="5" data-b="1" data-hue="10" data-hslsat="94" data-light="12" data-hsvsat="97" data-val="24" data-shortname="Blackbean"><span>Black bean</span><span>#3D0C02</span><span>rgb(24% 5% 1%)</span><span>hsl(10 94% 12%)</span><span>hsv(10 97% 24%)</span></div>
<div style="background-color:#1B1811;color:#1B1811;" title="Black chocolate" data-name="Black chocolate" data-r="11" data-g="9" data-b="7" data-hue="42" data-hslsat="23" data-light="9" data-hsvsat="37" data-val="11" data-shortname="Blackchocolate"><span>Black chocolate</span><span>#1B1811</span><span>rgb(11% 9% 7%)</span><span>hsl(42 23% 9%)</span><span>hsv(42 37% 11%)</span></div>
<div style="background-color:#3B2F2F;color:#3B2F2F;" title="Black coffee" data-name="Black coffee" data-r="23" data-g="18" data-b="18" data-hue="0" data-hslsat="11" data-light="21" data-hsvsat="20" data-val="23" data-shortname="Blackcoffee"><span>Black coffee</span><span>#3B2F2F</span><span>rgb(23% 18% 18%)</span><span>hsl(0 11% 21%)</span><span>hsv(0 20% 23%)</span></div>
<div style="background-color:#54626F;color:#54626F;" title="Black coral" data-name="Black coral" data-r="33" data-g="38" data-b="44" data-hue="209" data-hslsat="14" data-light="38" data-hsvsat="24" data-val="44" data-shortname="Blackcoral"><span>Black coral</span><span>#54626F</span><span>rgb(33% 38% 44%)</span><span>hsl(209 14% 38%)</span><span>hsv(209 24% 44%)</span></div>
<div style="background-color:#3B3C36;color:#3B3C36;" title="Black olive" data-name="Black olive" data-r="23" data-g="24" data-b="21" data-hue="70" data-hslsat="5" data-light="22" data-hsvsat="10" data-val="24" data-shortname="Blackolive"><span>Black olive</span><span>#3B3C36</span><span>rgb(23% 24% 21%)</span><span>hsl(70 5% 22%)</span><span>hsv(70 10% 24%)</span></div>
<div style="background-color:#BFAFB2;color:#BFAFB2;" title="Black Shadows" data-name="Black Shadows" data-r="75" data-g="69" data-b="70" data-hue="349" data-hslsat="11" data-light="72" data-hsvsat="8" data-val="75" data-shortname="BlackShadows"><span>Black Shadows</span><span>#BFAFB2</span><span>rgb(75% 69% 70%)</span><span>hsl(349 11% 72%)</span><span>hsv(349 8% 75%)</span></div>
<div style="background-color:#FFEBCD;color:#FFEBCD;" title="Blanched almond" data-name="Blanched almond (web)" data-r="100" data-g="92" data-b="80" data-hue="36" data-hslsat="100" data-light="90" data-hsvsat="20" data-val="100" data-shortname="Blanchedalmond"><span>Blanched almond (web)</span><span>blanchedalmond</span><span>#FFEBCD</span><span>rgb(100% 92% 80%)</span><span>hsl(36 100% 90%)</span><span>hsv(36 20% 100%)</span></div>
<div style="background-color:#A57164;color:#A57164;" title="Blast-off bronze" data-name="Blast-off bronze" data-r="65" data-g="44" data-b="39" data-hue="12" data-hslsat="27" data-light="52" data-hsvsat="39" data-val="65" data-shortname="Blastoffbronze"><span>Blast-off bronze</span><span>#A57164</span><span>rgb(65% 44% 39%)</span><span>hsl(12 27% 52%)</span><span>hsv(12 39% 65%)</span></div>
<div style="background-color:#318CE7;color:white;" title="Bleu de France" data-name="Bleu de France" data-r="19" data-g="55" data-b="91" data-hue="210" data-hslsat="79" data-light="55" data-hsvsat="79" data-val="91" data-shortname="BleudeFrance"><span>Bleu de France</span><span>#318CE7</span><span>rgb(19% 55% 91%)</span><span>hsl(210 79% 55%)</span><span>hsv(210 79% 91%)</span></div>
<div style="background-color:#ACE5EE;color:#ACE5EE;" title="Blizzard blue" data-name="Blizzard blue" data-r="67" data-g="90" data-b="93" data-hue="188" data-hslsat="66" data-light="80" data-hsvsat="28" data-val="93" data-shortname="Blizzardblue"><span>Blizzard blue</span><span>#ACE5EE</span><span>rgb(67% 90% 93%)</span><span>hsl(188 66% 80%)</span><span>hsv(188 28% 93%)</span></div>
<div style="background-color:#FAF0BE;color:#FAF0BE;" title="Blond" data-name="Blond" data-r="98" data-g="94" data-b="75" data-hue="50" data-hslsat="86" data-light="86" data-hsvsat="24" data-val="98" data-shortname="Blond"><span>Blond</span><span>#FAF0BE</span><span>rgb(98% 94% 75%)</span><span>hsl(50 86% 86%)</span><span>hsv(50 24% 98%)</span></div>
<div style="background-color:#660000;color:#660000;" title="Blood red" data-name="Blood red" data-r="40" data-g="0" data-b="0" data-hue="0" data-hslsat="100" data-light="20" data-hsvsat="100" data-val="40" data-shortname="Bloodred"><span>Blood red</span><span>#660000</span><span>rgb(40% 0% 0%)</span><span>hsl(0 100% 20%)</span><span>hsv(0 100% 40%)</span></div>
<div style="background-color:#0000FF;color:#0000FF;" title="Blue" data-name="Blue (web)" data-r="0" data-g="0" data-b="100" data-hue="240" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Blue"><span>Blue (web)</span><span>blue</span><span>#0000FF</span><span>rgb(0% 0% 100%)</span><span>hsl(240 100% 50%)</span><span>hsv(240 100% 100%)</span></div>
<div style="background-color:#1F75FE;color:#1F75FE;" title="Blue (Crayola)" data-name="Blue (Crayola)" data-r="12" data-g="46" data-b="100" data-hue="217" data-hslsat="99" data-light="56" data-hsvsat="88" data-val="100" data-shortname="BlueCrayola"><span>Blue (Crayola)</span><span>#1F75FE</span><span>rgb(12% 46% 100%)</span><span>hsl(217 99% 56%)</span><span>hsv(217 88% 100%)</span></div>
<div style="background-color:#0093AF;color:#0093AF;" title="Blue (Munsell)" data-name="Blue (Munsell)" data-r="0" data-g="58" data-b="69" data-hue="190" data-hslsat="100" data-light="34" data-hsvsat="100" data-val="69" data-shortname="BlueMunsell"><span>Blue (Munsell)</span><span>#0093AF</span><span>rgb(0% 58% 69%)</span><span>hsl(190 100% 34%)</span><span>hsv(190 100% 69%)</span></div>
<div style="background-color:#0087BD;color:#0087BD;" title="Blue (NCS)" data-name="Blue (NCS)" data-r="0" data-g="53" data-b="74" data-hue="197" data-hslsat="100" data-light="37" data-hsvsat="100" data-val="74" data-shortname="BlueNCS"><span>Blue (NCS)</span><span>#0087BD</span><span>rgb(0% 53% 74%)</span><span>hsl(197 100% 37%)</span><span>hsv(197 100% 74%)</span></div>
<div style="background-color:#0018A8;color:#0018A8;" title="Blue (Pantone)" data-name="Blue (Pantone)" data-r="0" data-g="9" data-b="66" data-hue="231" data-hslsat="100" data-light="33" data-hsvsat="100" data-val="66" data-shortname="BluePantone"><span>Blue (Pantone)</span><span>#0018A8</span><span>rgb(0% 9% 66%)</span><span>hsl(231 100% 33%)</span><span>hsv(231 100% 66%)</span></div>
<div style="background-color:#333399;color:#333399;" title="Blue (pigment)" data-name="Blue (pigment)" data-r="20" data-g="20" data-b="60" data-hue="240" data-hslsat="50" data-light="40" data-hsvsat="67" data-val="60" data-shortname="Bluepigment"><span>Blue (pigment)</span><span>#333399</span><span>rgb(20% 20% 60%)</span><span>hsl(240 50% 40%)</span><span>hsv(240 67% 60%)</span></div>
<div style="background-color:#0247FE;color:#0247FE;" title="Blue (RYB)" data-name="Blue (RYB)" data-r="1" data-g="28" data-b="100" data-hue="224" data-hslsat="99" data-light="50" data-hsvsat="99" data-val="100" data-shortname="BlueRYB"><span>Blue (RYB)</span><span>#0247FE</span><span>rgb(1% 28% 100%)</span><span>hsl(224 99% 50%)</span><span>hsv(224 99% 100%)</span></div>
<div style="background-color:#A2A2D0;color:#A2A2D0;" title="Blue bell" data-name="Blue bell" data-r="64" data-g="64" data-b="82" data-hue="240" data-hslsat="33" data-light="73" data-hsvsat="22" data-val="82" data-shortname="Bluebell"><span>Blue bell</span><span>#A2A2D0</span><span>rgb(64% 64% 82%)</span><span>hsl(240 33% 73%)</span><span>hsv(240 22% 82%)</span></div>
<div style="background-color:#6699CC;color:#6699CC;" title="Blue-gray" data-name="Blue-gray" data-r="40" data-g="60" data-b="80" data-hue="210" data-hslsat="50" data-light="60" data-hsvsat="50" data-val="80" data-shortname="Bluegray"><span>Blue-gray</span><span>#6699CC</span><span>rgb(40% 60% 80%)</span><span>hsl(210 50% 60%)</span><span>hsv(210 50% 80%)</span></div>
<div style="background-color:#0D98BA;color:#0D98BA;" title="Blue-green" data-name="Blue-green" data-r="5" data-g="60" data-b="73" data-hue="192" data-hslsat="87" data-light="39" data-hsvsat="93" data-val="73" data-shortname="Bluegreen"><span>Blue-green</span><span>#0D98BA</span><span>rgb(5% 60% 73%)</span><span>hsl(192 87% 39%)</span><span>hsv(192 93% 73%)</span></div>
<div style="background-color:#064E40;color:#064E40;" title="Blue-green (color wheel)" data-name="Blue-green (color wheel)" data-r="2" data-g="31" data-b="25" data-hue="168" data-hslsat="86" data-light="17" data-hsvsat="92" data-val="31" data-shortname="Bluegreencolorwheel"><span>Blue-green (color wheel)</span><span>#064E40</span><span>rgb(2% 31% 25%)</span><span>hsl(168 86% 17%)</span><span>hsv(168 92% 31%)</span></div>
<div style="background-color:#5DADEC;color:#5DADEC;" title="Blue jeans" data-name="Blue jeans" data-r="36" data-g="68" data-b="93" data-hue="206" data-hslsat="79" data-light="65" data-hsvsat="61" data-val="93" data-shortname="Bluejeans"><span>Blue jeans</span><span>#5DADEC</span><span>rgb(36% 68% 93%)</span><span>hsl(206 79% 65%)</span><span>hsv(206 61% 93%)</span></div>
<div style="background-color:#126180;color:#126180;" title="Blue sapphire" data-name="Blue sapphire" data-r="7" data-g="38" data-b="50" data-hue="197" data-hslsat="75" data-light="29" data-hsvsat="86" data-val="50" data-shortname="Bluesapphire"><span>Blue sapphire</span><span>#126180</span><span>rgb(7% 38% 50%)</span><span>hsl(197 75% 29%)</span><span>hsv(197 86% 50%)</span></div>
<div style="background-color:#8A2BE2;color:#8A2BE2;" title="Blue-violet" data-name="Blue-violet (web)" data-r="54" data-g="17" data-b="89" data-hue="271" data-hslsat="76" data-light="53" data-hsvsat="81" data-val="89" data-shortname="Blueviolet"><span>Blue-violet (web)</span><span>blueviolet</span><span>#8A2BE2</span><span>rgb(54% 17% 89%)</span><span>hsl(271 76% 53%)</span><span>hsv(271 81% 89%)</span></div>
<div style="background-color:#7366BD;color:#7366BD;" title="Blue-violet (Crayola)" data-name="Blue-violet (Crayola)" data-r="45" data-g="40" data-b="74" data-hue="249" data-hslsat="40" data-light="57" data-hsvsat="46" data-val="74" data-shortname="BluevioletCrayola"><span>Blue-violet (Crayola)</span><span>#7366BD</span><span>rgb(45% 40% 74%)</span><span>hsl(249 40% 57%)</span><span>hsv(249 46% 74%)</span></div>
<div style="background-color:#4D1A7F;color:#4D1A7F;" title="Blue-violet (color wheel)" data-name="Blue-violet (color wheel)" data-r="30" data-g="10" data-b="50" data-hue="270" data-hslsat="66" data-light="30" data-hsvsat="46" data-val="74" data-shortname="Bluevioletcolorwheel"><span>Blue-violet (color wheel)</span><span>#4D1A7F</span><span>rgb(30% 10% 50%)</span><span>hsl(270 66% 30%)</span><span>hsv(270 46% 74%)</span></div>
<div style="background-color:#5072A7;color:#5072A7;" title="Blue yonder" data-name="Blue yonder" data-r="31" data-g="45" data-b="65" data-hue="217" data-hslsat="35" data-light="48" data-hsvsat="52" data-val="65" data-shortname="Blueyonder"><span>Blue yonder</span><span>#5072A7</span><span>rgb(31% 45% 65%)</span><span>hsl(217 35% 48%)</span><span>hsv(217 52% 65%)</span></div>
<div style="background-color:#3C69E7;color:#3C69E7;" title="Bluetiful" data-name="Bluetiful" data-r="24" data-g="41" data-b="91" data-hue="224" data-hslsat="78" data-light="57" data-hsvsat="74" data-val="91" data-shortname="Bluetiful"><span>Bluetiful</span><span>#3C69E7</span><span>rgb(24% 41% 91%)</span><span>hsl(224 78% 57%)</span><span>hsv(224 74% 91%)</span></div>
<div style="background-color:#DE5D83;color:#DE5D83;" title="Blush" data-name="Blush" data-r="87" data-g="36" data-b="51" data-hue="342" data-hslsat="66" data-light="62" data-hsvsat="58" data-val="87" data-shortname="Blush"><span>Blush</span><span>#DE5D83</span><span>rgb(87% 36% 51%)</span><span>hsl(342 66% 62%)</span><span>hsv(342 58% 87%)</span></div>
<div style="background-color:#79443B;color:#79443B;" title="Bole" data-name="Bole" data-r="47" data-g="27" data-b="23" data-hue="9" data-hslsat="34" data-light="35" data-hsvsat="51" data-val="47" data-shortname="Bole"><span>Bole</span><span>#79443B</span><span>rgb(47% 27% 23%)</span><span>hsl(9 34% 35%)</span><span>hsv(9 51% 47%)</span></div>
<div style="background-color:#E3DAC9;color:#E3DAC9;" title="Bone" data-name="Bone" data-r="89" data-g="85" data-b="79" data-hue="39" data-hslsat="32" data-light="84" data-hsvsat="11" data-val="89" data-shortname="Bone"><span>Bone</span><span>#E3DAC9</span><span>rgb(89% 85% 79%)</span><span>hsl(39 32% 84%)</span><span>hsv(39 11% 89%)</span></div>
<div style="background-color:#006A4E;color:#006A4E;" title="Bottle green" data-name="Bottle green" data-r="0" data-g="42" data-b="31" data-hue="164" data-hslsat="100" data-light="21" data-hsvsat="100" data-val="42" data-shortname="Bottlegreen"><span>Bottle green</span><span>#006A4E</span><span>rgb(0% 42% 31%)</span><span>hsl(164 100% 21%)</span><span>hsv(164 100% 42%)</span></div>
<div style="background-color:#87413F;color:#87413F;" title="Brandy" data-name="Brandy" data-r="53" data-g="25" data-b="25" data-hue="2" data-hslsat="36" data-light="39" data-hsvsat="53" data-val="53" data-shortname="Brandy"><span>Brandy</span><span>#87413F</span><span>rgb(53% 25% 25%)</span><span>hsl(2 36% 39%)</span><span>hsv(2 53% 53%)</span></div>
<div style="background-color:#CB4154;color:#CB4154;" title="Brick red" data-name="Brick red" data-r="80" data-g="25" data-b="33" data-hue="352" data-hslsat="57" data-light="53" data-hsvsat="68" data-val="80" data-shortname="Brickred"><span>Brick red</span><span>#CB4154</span><span>rgb(80% 25% 33%)</span><span>hsl(352 57% 53%)</span><span>hsv(352 68% 80%)</span></div>
<div style="background-color:#66FF00;color:#66FF00;" title="Bright green" data-name="Bright green" data-r="40" data-g="100" data-b="0" data-hue="96" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Brightgreen"><span>Bright green</span><span>#66FF00</span><span>rgb(40% 100% 0%)</span><span>hsl(96 100% 50%)</span><span>hsv(96 100% 100%)</span></div>
<div style="background-color:#D891EF;color:#D891EF;" title="Bright lilac" data-name="Bright lilac" data-r="85" data-g="57" data-b="94" data-hue="285" data-hslsat="75" data-light="75" data-hsvsat="39" data-val="94" data-shortname="Brightlilac"><span>Bright lilac</span><span>#D891EF</span><span>rgb(85% 57% 94%)</span><span>hsl(285 75% 75%)</span><span>hsv(285 39% 94%)</span></div>
<div style="background-color:#C32148;color:#C32148;" title="Bright maroon" data-name="Bright maroon" data-r="76" data-g="13" data-b="28" data-hue="346" data-hslsat="71" data-light="45" data-hsvsat="83" data-val="76" data-shortname="Brightmaroon"><span>Bright maroon</span><span>#C32148</span><span>rgb(76% 13% 28%)</span><span>hsl(346 71% 45%)</span><span>hsv(346 83% 76%)</span></div>
<div style="background-color:#1974D2;color:#1974D2;" title="Bright navy blue" data-name="Bright navy blue" data-r="10" data-g="45" data-b="82" data-hue="210" data-hslsat="79" data-light="46" data-hsvsat="88" data-val="82" data-shortname="Brightnavyblue"><span>Bright navy blue</span><span>#1974D2</span><span>rgb(10% 45% 82%)</span><span>hsl(210 79% 46%)</span><span>hsv(210 88% 82%)</span></div>
<div style="background-color:#FFAA1D;color:#FFAA1D;" title="Bright yellow (Crayola)" data-name="Bright yellow (Crayola)" data-r="100" data-g="67" data-b="11" data-hue="37" data-hslsat="100" data-light="56" data-hsvsat="89" data-val="100" data-shortname="BrightyellowCrayola"><span>Bright yellow (Crayola)</span><span>#FFAA1D</span><span>rgb(100% 67% 11%)</span><span>hsl(37 100% 56%)</span><span>hsv(37 89% 100%)</span></div>
<div style="background-color:#FF55A3;color:#FF55A3;" title="Brilliant rose" data-name="Brilliant rose" data-r="100" data-g="33" data-b="64" data-hue="332" data-hslsat="100" data-light="67" data-hsvsat="67" data-val="100" data-shortname="Brilliantrose"><span>Brilliant rose</span><span>#FF55A3</span><span>rgb(100% 33% 64%)</span><span>hsl(332 100% 67%)</span><span>hsv(332 67% 100%)</span></div>
<div style="background-color:#FB607F;color:#FB607F;" title="Brink pink" data-name="Brink pink" data-r="98" data-g="38" data-b="50" data-hue="348" data-hslsat="95" data-light="68" data-hsvsat="62" data-val="98" data-shortname="Brinkpink"><span>Brink pink</span><span>#FB607F</span><span>rgb(98% 38% 50%)</span><span>hsl(348 95% 68%)</span><span>hsv(348 62% 98%)</span></div>
<div style="background-color:#004225;color:#004225;" title="British racing green" data-name="British racing green" data-r="0" data-g="26" data-b="15" data-hue="154" data-hslsat="100" data-light="13" data-hsvsat="100" data-val="26" data-shortname="Britishracinggreen"><span>British racing green</span><span>#004225</span><span>rgb(0% 26% 15%)</span><span>hsl(154 100% 13%)</span><span>hsv(154 100% 26%)</span></div>
<div style="background-color:#CD7F32;color:#CD7F32;" title="Bronze" data-name="Bronze" data-r="80" data-g="50" data-b="20" data-hue="30" data-hslsat="61" data-light="50" data-hsvsat="76" data-val="80" data-shortname="Bronze"><span>Bronze</span><span>#CD7F32</span><span>rgb(80% 50% 20%)</span><span>hsl(30 61% 50%)</span><span>hsv(30 76% 80%)</span></div>
<div style="background-color:#88540B;color:#88540B;" title="Brown" data-name="Brown (web)" data-r="53" data-g="33" data-b="4" data-hue="35" data-hslsat="85" data-light="29" data-hsvsat="92" data-val="53" data-shortname="Brown"><span>Brown (web)</span><span>brown</span><span>#88540B</span><span>rgb(53% 33% 4%)</span><span>hsl(35 85% 29%)</span><span>hsv(35 92% 53%)</span></div>
<div style="background-color:#AF6E4D;color:#AF6E4D;" title="Brown sugar" data-name="Brown sugar" data-r="69" data-g="43" data-b="30" data-hue="20" data-hslsat="39" data-light="49" data-hsvsat="56" data-val="69" data-shortname="Brownsugar"><span>Brown sugar</span><span>#AF6E4D</span><span>rgb(69% 43% 30%)</span><span>hsl(20 39% 49%)</span><span>hsv(20 56% 69%)</span></div>
<div style="background-color:#1B4D3E;color:#1B4D3E;" title="Brunswick green" data-name="Brunswick green" data-r="11" data-g="30" data-b="24" data-hue="162" data-hslsat="48" data-light="20" data-hsvsat="65" data-val="30" data-shortname="Brunswickgreen"><span>Brunswick green</span><span>#1B4D3E</span><span>rgb(11% 30% 24%)</span><span>hsl(162 48% 20%)</span><span>hsv(162 65% 30%)</span></div>
<div style="background-color:#7BB661;color:#7BB661;" title="Bud green" data-name="Bud green" data-r="48" data-g="71" data-b="38" data-hue="102" data-hslsat="37" data-light="55" data-hsvsat="47" data-val="71" data-shortname="Budgreen"><span>Bud green</span><span>#7BB661</span><span>rgb(48% 71% 38%)</span><span>hsl(102 37% 55%)</span><span>hsv(102 47% 71%)</span></div>
<div style="background-color:#F0DC82;color:#F0DC82;" title="Buff" data-name="Buff" data-r="94" data-g="86" data-b="51" data-hue="49" data-hslsat="79" data-light="73" data-hsvsat="46" data-val="94" data-shortname="Buff"><span>Buff</span><span>#F0DC82</span><span>rgb(94% 86% 51%)</span><span>hsl(49 79% 73%)</span><span>hsv(49 46% 94%)</span></div>
<div style="background-color:#800020;color:#800020;" title="Burgundy" data-name="Burgundy" data-r="50" data-g="0" data-b="13" data-hue="345" data-hslsat="100" data-light="25" data-hsvsat="100" data-val="50" data-shortname="Burgundy"><span>Burgundy</span><span>#800020</span><span>rgb(50% 0% 13%)</span><span>hsl(345 100% 25%)</span><span>hsv(345 100% 50%)</span></div>
<div style="background-color:#DEB887;color:#DEB887;" title="Burlywood" data-name="Burlywood (web)" data-r="87" data-g="72" data-b="53" data-hue="34" data-hslsat="57" data-light="70" data-hsvsat="39" data-val="87" data-shortname="Burlywood"><span>Burlywood (web)</span><span>burlywood</span><span>#DEB887</span><span>rgb(87% 72% 53%)</span><span>hsl(34 57% 70%)</span><span>hsv(34 39% 87%)</span></div>
<div style="background-color:#A17A74;color:#A17A74;" title="Burnished brown" data-name="Burnished brown" data-r="63" data-g="48" data-b="45" data-hue="8" data-hslsat="19" data-light="54" data-hsvsat="28" data-val="63" data-shortname="Burnishedbrown"><span>Burnished brown</span><span>#A17A74</span><span>rgb(63% 48% 45%)</span><span>hsl(8 19% 54%)</span><span>hsv(8 28% 63%)</span></div>
<div style="background-color:#CC5500;color:#CC5500;" title="Burnt orange" data-name="Burnt orange" data-r="80" data-g="33" data-b="0" data-hue="25" data-hslsat="100" data-light="40" data-hsvsat="100" data-val="80" data-shortname="Burntorange"><span>Burnt orange</span><span>#CC5500</span><span>rgb(80% 33% 0%)</span><span>hsl(25 100% 40%)</span><span>hsv(25 100% 80%)</span></div>
<div style="background-color:#E97451;color:#E97451;" title="Burnt sienna" data-name="Burnt sienna" data-r="91" data-g="45" data-b="32" data-hue="14" data-hslsat="78" data-light="62" data-hsvsat="65" data-val="91" data-shortname="Burntsienna"><span>Burnt sienna</span><span>#E97451</span><span>rgb(91% 45% 32%)</span><span>hsl(14 78% 62%)</span><span>hsv(14 65% 91%)</span></div>
<div style="background-color:#8A3324;color:#8A3324;" title="Burnt umber" data-name="Burnt umber" data-r="54" data-g="20" data-b="14" data-hue="9" data-hslsat="59" data-light="34" data-hsvsat="74" data-val="54" data-shortname="Burntumber"><span>Burnt umber</span><span>#8A3324</span><span>rgb(54% 20% 14%)</span><span>hsl(9 59% 34%)</span><span>hsv(9 74% 54%)</span></div>
<div style="background-color:#BD33A4;color:#BD33A4;" title="Byzantine" data-name="Byzantine" data-r="74" data-g="20" data-b="64" data-hue="311" data-hslsat="58" data-light="47" data-hsvsat="73" data-val="74" data-shortname="Byzantine"><span>Byzantine</span><span>#BD33A4</span><span>rgb(74% 20% 64%)</span><span>hsl(311 58% 47%)</span><span>hsv(311 73% 74%)</span></div>
<div style="background-color:#702963;color:#702963;" title="Byzantium" data-name="Byzantium" data-r="44" data-g="16" data-b="39" data-hue="311" data-hslsat="46" data-light="30" data-hsvsat="63" data-val="44" data-shortname="Byzantium"><span>Byzantium</span><span>#702963</span><span>rgb(44% 16% 39%)</span><span>hsl(311 46% 30%)</span><span>hsv(311 63% 44%)</span></div>
<div style="background-color:#536872;color:#536872;" title="Cadet" data-name="Cadet" data-r="33" data-g="41" data-b="45" data-hue="199" data-hslsat="16" data-light="39" data-hsvsat="27" data-val="45" data-shortname="Cadet"><span>Cadet</span><span>#536872</span><span>rgb(33% 41% 45%)</span><span>hsl(199 16% 39%)</span><span>hsv(199 27% 45%)</span></div>
<div style="background-color:#5F9EA0;color:#5F9EA0;" title="Cadet blue" data-name="Cadet blue (web)" data-r="37" data-g="62" data-b="63" data-hue="182" data-hslsat="25" data-light="50" data-hsvsat="41" data-val="63" data-shortname="Cadetblue"><span>Cadet blue (web)</span><span>cadetblue</span><span>#5F9EA0</span><span>rgb(37% 62% 63%)</span><span>hsl(182 25% 50%)</span><span>hsv(182 41% 63%)</span></div>
<div style="background-color:#A9B2C3;color:#A9B2C3;" title="Cadet blue (Crayola)" data-name="Cadet blue (Crayola)" data-r="66" data-g="70" data-b="76" data-hue="219" data-hslsat="18" data-light="71" data-hsvsat="13" data-val="76" data-shortname="CadetblueCrayola"><span>Cadet blue (Crayola)</span><span>#A9B2C3</span><span>rgb(66% 70% 76%)</span><span>hsl(219 18% 71%)</span><span>hsv(219 13% 76%)</span></div>
<div style="background-color:#91A3B0;color:#91A3B0;" title="Cadet grey" data-name="Cadet grey" data-r="57" data-g="64" data-b="69" data-hue="205" data-hslsat="16" data-light="63" data-hsvsat="18" data-val="69" data-shortname="Cadetgrey"><span>Cadet grey</span><span>#91A3B0</span><span>rgb(57% 64% 69%)</span><span>hsl(205 16% 63%)</span><span>hsv(205 18% 69%)</span></div>
<div style="background-color:#006B3C;color:#006B3C;" title="Cadmium green" data-name="Cadmium green" data-r="0" data-g="42" data-b="24" data-hue="154" data-hslsat="100" data-light="21" data-hsvsat="100" data-val="42" data-shortname="Cadmiumgreen"><span>Cadmium green</span><span>#006B3C</span><span>rgb(0% 42% 24%)</span><span>hsl(154 100% 21%)</span><span>hsv(154 100% 42%)</span></div>
<div style="background-color:#ED872D;color:#ED872D;" title="Cadmium orange" data-name="Cadmium orange" data-r="93" data-g="53" data-b="18" data-hue="28" data-hslsat="84" data-light="55" data-hsvsat="81" data-val="93" data-shortname="Cadmiumorange"><span>Cadmium orange</span><span>#ED872D</span><span>rgb(93% 53% 18%)</span><span>hsl(28 84% 55%)</span><span>hsv(28 81% 93%)</span></div>
<div style="background-color:#E30022;color:#E30022;" title="Cadmium red" data-name="Cadmium red" data-r="89" data-g="0" data-b="13" data-hue="351" data-hslsat="100" data-light="45" data-hsvsat="100" data-val="89" data-shortname="Cadmiumred"><span>Cadmium red</span><span>#E30022</span><span>rgb(89% 0% 13%)</span><span>hsl(351 100% 45%)</span><span>hsv(351 100% 89%)</span></div>
<div style="background-color:#FFF600;color:#FFF600;" title="Cadmium yellow" data-name="Cadmium yellow" data-r="100" data-g="96" data-b="0" data-hue="58" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Cadmiumyellow"><span>Cadmium yellow</span><span>#FFF600</span><span>rgb(100% 96% 0%)</span><span>hsl(58 100% 50%)</span><span>hsv(58 100% 100%)</span></div>
<div style="background-color:#A67B5B;color:#A67B5B;" title="Café au lait" data-name="Café au lait" data-r="65" data-g="48" data-b="36" data-hue="26" data-hslsat="30" data-light="50" data-hsvsat="45" data-val="65" data-shortname="Cafaulait"><span>Café au lait</span><span>#A67B5B</span><span>rgb(65% 48% 36%)</span><span>hsl(26 30% 50%)</span><span>hsv(26 45% 65%)</span></div>
<div style="background-color:#4B3621;color:#4B3621;" title="Café noir" data-name="Café noir" data-r="29" data-g="21" data-b="13" data-hue="30" data-hslsat="39" data-light="21" data-hsvsat="56" data-val="29" data-shortname="Cafnoir"><span>Café noir</span><span>#4B3621</span><span>rgb(29% 21% 13%)</span><span>hsl(30 39% 21%)</span><span>hsv(30 56% 29%)</span></div>
<div style="background-color:#A3C1AD;color:#A3C1AD;" title="Cambridge blue" data-name="Cambridge blue" data-r="64" data-g="76" data-b="68" data-hue="140" data-hslsat="19" data-light="70" data-hsvsat="16" data-val="76" data-shortname="Cambridgeblue"><span>Cambridge blue</span><span>#A3C1AD</span><span>rgb(64% 76% 68%)</span><span>hsl(140 19% 70%)</span><span>hsv(140 16% 76%)</span></div>
<div style="background-color:#C19A6B;color:#C19A6B;" title="Camel" data-name="Camel" data-r="76" data-g="60" data-b="42" data-hue="33" data-hslsat="41" data-light="59" data-hsvsat="45" data-val="76" data-shortname="Camel"><span>Camel</span><span>#C19A6B</span><span>rgb(76% 60% 42%)</span><span>hsl(33 41% 59%)</span><span>hsv(33 45% 76%)</span></div>
<div style="background-color:#EFBBCC;color:#EFBBCC;" title="Cameo pink" data-name="Cameo pink" data-r="94" data-g="73" data-b="80" data-hue="340" data-hslsat="62" data-light="84" data-hsvsat="22" data-val="94" data-shortname="Cameopink"><span>Cameo pink</span><span>#EFBBCC</span><span>rgb(94% 73% 80%)</span><span>hsl(340 62% 84%)</span><span>hsv(340 22% 94%)</span></div>
<div style="background-color:#FFFF99;color:#FFFF99;" title="Canary" data-name="Canary" data-r="100" data-g="100" data-b="60" data-hue="60" data-hslsat="100" data-light="80" data-hsvsat="40" data-val="100" data-shortname="Canary"><span>Canary</span><span>#FFFF99</span><span>rgb(100% 100% 60%)</span><span>hsl(60 100% 80%)</span><span>hsv(60 40% 100%)</span></div>
<div style="background-color:#FFEF00;color:#FFEF00;" title="Canary yellow" data-name="Canary yellow" data-r="100" data-g="94" data-b="0" data-hue="56" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Canaryyellow"><span>Canary yellow</span><span>#FFEF00</span><span>rgb(100% 94% 0%)</span><span>hsl(56 100% 50%)</span><span>hsv(56 100% 100%)</span></div>
<div style="background-color:#FF0800;color:#FF0800;" title="Candy apple red" data-name="Candy apple red" data-r="100" data-g="3" data-b="0" data-hue="2" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Candyapplered"><span>Candy apple red</span><span>#FF0800</span><span>rgb(100% 3% 0%)</span><span>hsl(2 100% 50%)</span><span>hsv(2 100% 100%)</span></div>
<div style="background-color:#E4717A;color:#E4717A;" title="Candy pink" data-name="Candy pink" data-r="89" data-g="44" data-b="48" data-hue="355" data-hslsat="68" data-light="67" data-hsvsat="50" data-val="89" data-shortname="Candypink"><span>Candy pink</span><span>#E4717A</span><span>rgb(89% 44% 48%)</span><span>hsl(355 68% 67%)</span><span>hsv(355 50% 89%)</span></div>
<div style="background-color:#00BFFF;color:#00BFFF;" title="Capri" data-name="Capri" data-r="0" data-g="75" data-b="100" data-hue="195" data-hslsat="100" data-light="50" data-hsvsat="100" data-val="100" data-shortname="Capri"><span>Capri</span><span>#00BFFF</span><span>rgb(0% 75% 100%)</span><span>hsl(195 100% 50%)</span><span>hsv(195 100% 100%)</span></div>
<div style="background-color:#592720;color:#592720;" title="Caput mortuum" data-name="Caput mortuum" data-r="35" data-g="15" data-b="13" data-hue="7" data-hslsat="47" data-light="24" data-hsvsat="64" data-val="35" data-shortname="Caputmortuum"><span>Caput mortuum</span><span>#592720</span><span>rgb(35% 15% 13%)</span><span>hsl(7 47% 24%)</span><span>hsv(7 64% 35%)</span></div>
<div style="background-color:#C41E3A;color:#C41E3A;" title="Cardinal" data-name="Cardinal" data-r="77" data-g="12" data-b="23" data-hue="350" data-hslsat="74" data-light="44" data-hsvsat="85" data-val="77" data-shortname="Cardinal"><span>Cardinal</span><span>#C41E3A</span><span>rgb(77% 12% 23%)</span><span>hsl(350 74% 44%)</span><span>hsv(350 85% 77%)</span></div>
<div style="background-color:#00CC99;color:#00CC99;" title="Caribbean green" data-name="Caribbean green" data-r="0" data-g="80" data-b="60" data-hue="165" data-hslsat="100" data-light="40" data-hsvsat="100" data-val="80" data-shortname="Caribbeangreen"><span>Caribbean green</span><span>#00CC99</span><span>rgb(0% 80% 60%)</span><span>hsl(165 100% 40%)</span><span>hsv(165 100% 80%)</span></div>
<div style="background-color:#960018;color:#960018;" title="Carmine" data-name="Carmine" data-r="59" data-g="0" data-b="9" data-hue="350" data-hslsat="100" data-light="29" data-hsvsat="100" data-val="59" data-shortname="Carmine"><span>Carmine</span><span>#960018</span><span>rgb(59% 0% 9%)</span><span>hsl(350 100% 29%)</span><span>hsv(350 100% 59%)</span></div>
<div style="background-color:#D70040;color:#D70040;" title="Carmine (M&P)" data-name="Carmine (M&amp;P)" data-r="84" data-g="0" data-b="25" data-hue="342" data-hslsat="100" data-light="42" data-hsvsat="100" data-val="84" data-shortname="CarmineMP"><span>Carmine (M&P)</span><span>#D70040</span><span>rgb(84% 0% 25%)</span><span>hsl(342 100% 42%)</span><span>hsv(342 100% 84%)</span></div>
<div style="background-color:#FFA6C9;color:#FFA6C9;" title="Carnation pink" data-name="Carnation pink" data-r="100" data-g="65" data-b="79" data-hue="336" data-hslsat="100" data-light="83" data-hsvsat="35" data-val="100" data-shortname="Carnationpink"><span>Carnation pink</span><span>#FFA6C9</span><span>rgb(100% 65% 79%)</span><span>hsl(336 100% 83%)</span><span>hsv(336 35% 100%)</span></div>
<div style="background-color:#B31B1B;color:#B31B1B;" title="Carnelian" data-name="Carnelian" data-r="70" data-g="11" data-b="11" data-hue="0" data-hslsat="74" data-light="40" data-hsvsat="85" data-val="70" data-shortname="Carnelian"><span>Carnelian</span><span>#B31B1B</span><span>rgb(70% 11% 11%)</span><span>hsl(0 74% 40%)</span><span>hsv(0 85% 70%)</span></div>
<div style="background-color:#56A0D3;color:#56A0D3;" title="Carolina blue" data-name="Carolina blue" data-r="34" data-g="63" data-b="83" data-hue="204" data-hslsat="59" data-light="58" data-hsvsat="59" data-val="83" data-shortname="Carolinablue"><span>Carolina blue</span><span>#56A0D3</span><span>rgb(34% 63% 83%)</span><span>hsl(204 59% 58%)</span><span>hsv(204 59% 83%)</span></div>
<div style="background-color:#ED9121;color:#ED9121;" title="Carrot orange" data-name="Carrot orange" data-r="93" data-g="57" data-b="13" data-hue="33" data-hslsat="85" data-light="53" data-hsvsat="86" data-val="93" data-shortname="Carrotorange"><span>Carrot orange</span><span>#ED9121</span><span>rgb(93% 57% 13%)</span><span>hsl(33 85% 53%)</span><span>hsv(33 86% 93%)</span></div>
<div style="background-color:#00563F;color:#00563F;" title="Castleton green" data-name="Castleton green" data-r="0" data-g="34" data-b="25" data-hue="164" data-hslsat="100" data-light="17" data-hsvsat="100" data-val="34" data-shortname="Castletongreen"><span>Castleton green</span><span>#00563F</span><span>rgb(0% 34% 25%)</span><span>hsl(164 100% 17%)</span><span>hsv(164 100% 34%).........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0