Beige — Betydelse, paletter, komplementfärger och harmonier
Utforska färgen beige: psykologi, den färghjul (komplementär, analog, triadisk), tillgänglig färgkombinationer, och färdiga paletter. Konvertera mellan HEX, RGB, och HSL, kopiera CSS-variabler och ladda ner en palett PNG.
Tips: Tryck Skriva in i valfritt fält för att uppdatera alla värden.
Beige i korthet
Beige framkallar lugn, värme, enkelhet och sofistikering. Denna neutrala passar minimalistiska användargränssnitt, interiörer, skönhets- och livsstilsvarumärken och redaktionella layouter.
Beige är mycket ljus. Använd mörk text på beiga ytor; kombinera beige accenter med kol, marinblått eller djupgrönt för att nå WCAG-kontrast för knappar och rubriker.
Beige paletter
Automatiskt genererad nyanser (mer vitt), nyanser (mer svart), och toner (mer grått). Klicka på valfri färgruta för att kopiera HEX eller exportera alla som CSS-variabler. Du kan också ladda ner en palett PNG.
Nyanser
Nyanser
Toner
Färghjulsharmonier
Utforska komplementär par, analog grannar och triadisk set från denna beige. Dessa kombinationer hjälper dig att hitta färger som passar bra ihop.
Motsatser ger kontrast; mörkare coola komplement hjälper beige pop.
Varma grannar känns mysiga — använd i bakgrunder och övertoningar.
Jämnt fördelade nyanser ger balanserad variation för instrumentbrädor.
Drag
- Synkroniserad HEX ↔ RGB ↔ HSL omvandling.
- Genererade paletter: nyanser, nyanser, toner.
- Färghjulsharmonier: komplementär, analog, triadisk.
- Ett klick CSS-variabler och nedladdningsbar PNG palett.
Ansökningar
Beige stöder minimalistisk design, redaktionella layouter, skönhets-/livsstilsvarumärken och produktkort för e-handel. Kombinera med kol, marin, oliv, skogsgrönt eller dämpat plommon för kontrast. Spara mättade accenter sparsamt för att behålla den neutrala känslan.
Hur man använder
- Ange en HEX (t.ex.
#F5F5DC) eller RGB/HSL-värden och tryck Skriva in. - Klicka på valfri färgruta för att kopiera dess HEX. Använd komplementära eller triadiska uppsättningar för kontrast.
- Ladda ner paletten PNG eller kopiera CSS-variabler för ditt designsystem.
- Kontrollera kontrasten (vit/svart) för att hålla text läsbar på beige gränssnitt.
FAQ
Vilka färger passar bra med beige?
Träkol, marin, skogsgrönt, dämpat plommon och djup kricka. För mjuka parningar, lägg till varma krämer och solbrännor för en monokrom stack.
Vad är den motsatta färgen på beige?
På ett RGB/HSL-hjul ger en cyanblå motsats den högsta upplevda kontrasten. Eftersom beige är ljust och med låg kromatografi, välj djupare komplement.
Är beige bra för brödtext?
Använd mörk text på beige bakgrund, inte beige text på vit. Beige är utmärkt som yta, kort eller sidofältsfärg.
Innehållet senast uppdaterat: 18 november 2025.