Generator för komplementfärger
Hitta komplementfärgen till valfri basfärg med den här generatorn för komplementfärger. Ange en hexkod med 3 eller 6 siffror, så vrider verktyget färgtonen 180 grader på färghjulet HSL, samtidigt som mättnad och ljushet bevaras. Därefter returneras basfärgen och dess komplement som hexkoder. Perfekt för designers och utvecklare som behöver en accentfärg med hög kontrast för knappar, markeringar, diagram och varumärkesgrafik.
Vanliga frågor
Vad returnerar generatorn för komplementfärger?
Den returnerar två färger som sexsiffriga hexkoder med små bokstäver. Färg 1 är din basfärg och färg 2 är dess komplement, färgen som ligger mittemot på färghjulet.
Hur beräknas komplementfärgen?
Verktyget konverterar din hexkod till HSL, lägger till 180 grader till färgtonen och bevarar mättnad och ljushet. Det roterade värdet konverteras tillbaka till RGB och skrivs som en hexkod, så komplementfärgen har samma färgmättnad och ljusstyrka som basfärgen.
Vilka färgformat kan jag ange?
Ange en hexkod med 3 eller 6 siffror, med eller utan inledande #, med stora eller små bokstäver, till exempel #ff5733, FF5733 eller #f00. Notationen RGB och HSL samt färgnamn godtas inte här, så konvertera dem först till hex med en färgkonverterare.
Varför skiljer sig färg 1 lite från hexkoden jag angav?
Basfärgen konverteras till HSL med heltalsvärden för färgton, mättnad och ljushet och därefter tillbaka till hex, så en färgkanal kan ändras ett steg. Till exempel blir #ff5733 till #ff5833, och dess komplement är #33daff.
Vad är komplementfärgen till rent rött?
Komplementfärgen till #ff0000 är #00ffff, cyan. Verktyget använder det RGB-baserade HSL-färghjulet som används på skärmar, så rött paras ihop med cyan i stället för grönt som på ett traditionellt färghjul för målare.
Vad händer med svart, vitt eller grått?
Neutrala färger har noll mättnad, så en rotering av färgtonen ändrar ingenting och båda resultaten blir samma grå färg. Välj en basfärg med viss mättnad om du vill ha ett synligt komplement.
Hur bör jag använda ett komplementfärgspar i en design?
Använd den ena färgen på större delen av ytan och den andra sparsamt för uppmaningar, markeringar eller data som du vill framhäva. Lika stora mängder av båda i full mättnad tenderar att vibrera visuellt, så tona ned eller mörka en av dem på större ytor.
Kontrollerar verktyget textkontrast?
Nej, det beräknar bara färgparet. En komplementfärg behåller basfärgens ljushet, så färgerna kan ha liknande luminans och ge dålig kontrast för text. Kontrollera paret med en WCAG-kontrastkontroll innan du använder den ena färgen på den andra.
Kan jag ange flera färger samtidigt?
Nej, varje körning tar exakt en hexkod. Indata med flera rader eller extra text avvisas med ett felmeddelande, så kör verktyget en gång per basfärg.
Är resultatet detsamma som i Color Palette Generator?
Ja. Det här verktyget utför samma beräkning som alternativet Complementary i Color Palette Generator, så samma basfärg ger alltid samma två hexkoder i båda verktygen.