Espace de couleur - générateur de palette et outil de gradient de couleur

sur 500~20000

529

Prospère et prospère. Pepsi Prospérité

2

217.160.0.190

ColorSpace-ColorPalettesGeneratorandColorGradientTool .fade{opacity:0;transition:all0.5s;} body{font-family:'Montserrat',sans-serif;font-weight:400;color:#fff;font-size:0.875em;letter-spacing:0.063em;} ::-moz-selection{background:#00c9b7;padding:10px;} ::selection{background:#00c9b7;padding:10px;} ::-moz-selection{background:#00c9b7;padding:10px;} a{color:inherit;text-decoration:none;} h1{font-weight:900;font-size:3.25em;margin-bottom:30px;text-shadow:2px3px0px#;line-height:1.2;} h2{font-size:1.4em;letter-spacing:0.2px;color:#1e1e1e;margin-bottom:30px;font-weight:900;} h3{text-shadow:2px3px0pxrgba(150,150,150,1);line-height:1.1;font-weight:900;font-size:3.25em;} .bg{width:100vw;height:100vh;position:fixed;max-height:100vh;} .wrap,.wrap-outer{width:calc(100vw-20px);height:100vh;position:relative;max-height:100vh;-webkit-transition:all1s;-o-transition:all1s;transition:all1s;} .rotate{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .gradient.rotate{-webkit-transform:rotate(95deg);-ms-transform:rotate(95deg);transform:rotate(95deg);} .bgnew{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-ime:-webkit-gradient(linear,leftbottom,righttop,from(#6d327c),color-stop(#485DA6),color-stop(#00a1ba),color-stop(#00BF98),to(#36C486));background-ime:-webkit-linear-gradient(leftbottom,#6d327c,#485DA6,#00a1ba,#00BF98,#36C486);background-ime:-o-linear-gradient(leftbottom,#6d327c,#485DA6,#00a1ba,#00BF98,#36C486);background-ime:linear-gradient(torighttop,#6d327c,#485DA6,#00a1ba,#00BF98,#36C486);} .bgnew2{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background-ime:-webkit-gradient(linear,leftbottom,righttop,from(#b),color-stop(#944b94),color-stop(#d75a88),color-stop(#ff7e71),color-stop(#ffb25f),to(#ffeb68));background-ime:-webkit-linear-gradient(leftbottom,#b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68);background-ime:-o-linear-gradient(leftbottom,#b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68);background-ime:linear-gradient(torighttop,#b,#944b94,#d75a88,#ff7e71,#ffb25f,#ffeb68);} .bg-bottom{} .wrap{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;juEspace de couleur - générateur de palette et outil de gradient de couleurstify-content:flex-start;} .header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px8.33%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5%;margin-bottom:50px;height:130px;} .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-boxEspace de couleur - générateur de palette et outil de gradient de couleur-align:center;-ms-flex-align:center;align-items:center;} .left-foot.logo{padding:0px10px0px0px;} .logoimg{width:100%;max-width:70px;display:inline-block;margin-right:20px;} .logo-text{display:inline-block;font-size:1em;font-weight:900;position:relative;} .logo-text:after{content:"Beta";position:absolute;top:-20px;right:-20px;padding:3px5px;border-radius:3px;background-color:#FF7BDA;font-size:0.8em;} li.gc3{display:block;position:relative;} .gc3::after{content:"New";position:absolute;top:-20px;right:0px;padding:3px5px;border-radius:3px;background-color:#FF08E2;font-size:0.8em;font-weight:bold;} n{text-transform:uppercase;letter-spacing:0.063em;font-size:0.75em;} .headernulli{display:inline-block;margin-left:20px;} nullia{letter-spacing:2px;color:#fff;-webkit-transition:color.2sease;-o-transition:color.2sease;transition:color.2sease;padding:3px0;margin-bottom:10px;position:relative;display:inline-block;} .effectullia:hover{color:#FBFAFC;} .effectullia:hover::after,.effectullia:hover::before{width:100%;left:0;} .effectullia::after,.effectullia::before{content:'';position:absolute;top:calc(100%+5px);width:0;right:0;height:3px;} .effectullia::before{-webkit-transition:width.25scubic-bezier(0.51,0.18,0,0.88).1s;-o-transition:width.25scubic-bezier(0.51,0.18,0,0.88).1s;transition:width.25scubic-bezier(0.51,0.18,0,0.88).1s;background:#845EC2;} .effectullia::after{-webkit-transition:width.2scubic-bezier(0.29,0.18,0.26,0.83);-o-transition:width.2scubic-bezier(0.29,0.18,0.26,0.83);transition:width.2scubic-bezier(0.29,0.18,0.26,0.83);background:#2FFFAD;} .effectullia.active:after{background:#2FFFAD;width:100%;left:0;} .effectullia.active:before{z-index:2;} .box{display:inline-block;width:33%;} .sign{visibility:hidden;font-weight:900;font-size:3em;text-align:center;width:50%;margin:0auto50px;text-shadow:2px3px0pxrgba(150,150,150,1);line-height:1.2;} .main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;} .main.color-inputh2{color:#fff;font-weight:900;font-size:2.925em;margin-bottom:3%;letter-spacing:0.093em;text-shadow:2px3px0px#;text-transform:uppercase;} .astro.left{position:absolute;bottom:0;left:0;} .astro.right{position:absolute;bottom:0;right:0;right:3%;} .astroimg{width:100%;} .astro.leftimg{width:90%;} .color-input{-ms-flex-item-align:start;align-self:flex-start;text-align:center;position:relative;z-index:2;} .color-inputp{margiEspace de couleur - générateur de palette et outil de gradient de couleurn-bottom:50px;font-size:1.3em;} .color-inputinput{border-color:none;background-color:#845EC2;height:50px;text-align:center;width:180px;margin-bottom:10%;border-radius:50px;-webkit-box-shadow:10px10px14px1pxrgba(00,00,00,0.2);box-shadow:10px10px14px1pxrgba(00,00,00,0.2);letter-spacing:0.094em;} .color-inputform{width:285px;margin:0auto;position:relative;-webkit-transition:all1s;-o-transition:all1s;transition:all1s;} .color-inputformlabel{margin-right:-50px;z-index:90;position:relative;padding-left:30px;color:#fff;} .color-inputbutton,a.back-btn,a.help-btn{display:inline-block;position:relative;border-radius:50px;background:#00c9b7;width:180px;height:50px;position:relative;color:#fff;font-size:0.97em;letter-spacing:0.094em;cursor:pointer;-webkit-box-shadow:10px10px14px1pxrgba(00,00,00,0.2);box-shadow:10px10px14px1pxrgba(00,00,00,0.2);/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;*/text-align:center;margin:0auto;-webkit-transition:all0.5s;-o-transition:all0.5s;transition:all0.5s;text-transform:uppercase;} .color-inputbuttoni{margin-right:5%;font-size:1.2em;} .color-inputbutton:hover{-webkit-box-shadow:none;box-shadow:none;} .cp-color-picker{position:relative;} .cp-color-picker:before{bottom:-9px;border-color:transparenttransparent#999;} .cp-color-picker:after{content:"";display:block;position:absolute;bottom:-8px;left:8px;border:8pxsolid#323E3E;border-width:8px8px0px;border-color:#323E3Etransparenttransparent;z-index:999;width:12px;} .cp-color-picker.cp2:after{top:16px;right:-12px;left:auto;width:16px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);bottom:auto;} NewFeature:Youcannowcreateagradientoutof3colors! ColorSpace Palettes Gradient 3-Color-Gradient Contact Info NeverwasteHoursonfindingtheperfectColorPaletteain! JustEnteraColor! AndGenerateniceColorPalettes Generate Palettes Gradient 3-Gradient Contact Info Enteranewcolor! Generate (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o), m=s.getElementsByTName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','/analytics.js','ga'); ga('create','UA-4-2','auto'); ga('set','anonymizeIp',true); ga('send','peview'); functionvalidateInput(){ varhexInput=document.getElementById("hex"); hexInput.value=hexInput.value.replace(/^#/,''); varregExpHex=newRegExp(/^[0-9A-F]{1,6}$/i); if(!regExpHex.test(hexInput.value)){ hexInput.value=''; } }