Oavsett om du skapar en liten presentation eller driver en stor webbplats, är det viktigt att välja rätt färg för att få framgångsrik produktion. Färger uttrycks i allmänhet på två huvudsakliga sätt – en använder hexadecimalt värde och andra använder röd, grön, blå (RGB) -blandning. Även om du enkelt kan komma ihåg färger som vitt och svart, är det omöjligt att komma ihåg kodvärdena för alla färger. Speciellt får detta webbdesigners att spendera mycket tid på att leta efter konvertering av färgvärden. Att välja hex -kod eller RGB -värde för en viss färg behöver ett verktyg som färgplockare. I den här artikeln, låt oss erbjuda några verktyg som hjälper dig att konvertera färger och välja de säkra färgerna för din presentation och webbsidor.
Relaterat: Färgkoder för populära sociala nätverkssajter.
Hex till RGB färgomvandlare
Använd verktyget nedan för att ange färgkoden i #hex -värde och få den direkt i RGB -värden. Bakgrunden för behållarlådan ändras beroende på vilken färg som har angetts för att få en enkel visualisering av färgen. Ange till exempel hexvärdet #ffffff för att se motsvarande RGB -värde som rgb (255,255,255) direkt.
RGB till Hex färgomvandlare
Ovanstående färgomvandlare fungerar också tvärtom. Du kan ange RGB -färgvärden och få det i #hex -kodformat. Ange till exempel RGB -värdet rgb (51,51,51) för att se motsvarande hexakod som #333333.
Webbsäkra färger
Det finns webbsäkra färger som du säkert kan använda på din webbplats. Dessa färger stör inte synen när du tittar på en bild eller läser innehåll på din webbplats. Dessutom är samlingen av platta UI -färger mycket populär som du kan använda i din design.
Färg | Hex | RGB |
---|---|---|
Turkos | #1abc9c | rgb (26, 188, 156) |
Gröna havet | #16a085 | rgb (22, 160, 133) |
Smaragd | #2ecc71 | rgb (46, 204, 113) |
Nefrit | #27ae60 | rgb (39, 174, 96) |
Peter River | #3498db | rgb (52, 152, 219) |
Belize Hole | #2980b9 | rgb (41, 128, 185) |
Ametist | #9b59b6 | rgb (155, 89, 182) |
Våt asfalt | #34495e | rgb (52, 73, 94) |
Blåregn | #8e44ad | rgb (142, 68, 173) |
Midnattsblå | #2c3e50 | rgb (44, 62, 80) |
Solblomma | # f1c40f | rgb (241, 196, 15) |
Morot | #e67e22 | rgb (230, 126, 34) |
Alizarin | #e74c3c | rgb (231, 76, 60) |
Moln | #ecf0f1 | rgb (236, 240, 241) |
Betong | #95a5a6 | rgb (149, 165, 166) |
Orange | #f39c12 | rgb (243, 156, 18) |
Pumpa | #d35400 | rgb (211, 84, 0) |
Granatäpple | #c0392b | rgb (192, 57, 43) |
Silver | #bdc3c7 | rgb (189, 195, 199) |
Asbest | #7f8c8d | rgb (127, 140, 141) |
Enkla färgväljare
Det finns ett stort antal färgväljarverktyg tillgängliga på webben. Den vi gillar är från w3schools som har olika alternativ för att välja den bästa färgen.
W3 skolor färgväljare
Google Search Color Converter och Color Picker
Vi har förklarat massor av Googles söktrick och ett sådant trick är att använda färgomvandlare eller färgväljare. Ange "rgb till hex" eller "färgväljare" i Googles sökruta och tryck på enter. Du kommer att se omvandlaren online tillsammans med färgväljaren. Detta gör din uppgift enkel eftersom du enkelt kan välja färg från paletten. Du också kan få hex -kod, RGB, HSV, HSL och CMYK -värden genom att klicka på alternativet "Visa färgvärden".
Google Color Converter och Color Picker