xn--hrfarve-exa.dk
Open in
urlscan Pro
Puny
hårfarve.dk IDN
2606:4700:3036::ac43:c31f
Public Scan
URL:
https://xn--hrfarve-exa.dk/
Submission: On October 12 via api from BE — Scanned from DK
Submission: On October 12 via api from BE — Scanned from DK
Form analysis 3 forms found in the DOM
GET /soeg/
<form class="w-full md:w-auto md:flex-1 md:order-2 md:mx-5" action="/soeg/" method="get">
<label for="default-search" class="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white">Søg nu</label>
<div class="relative">
<div class="absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3">
<svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"></path>
</svg>
</div>
<input type="search" id="q" name="q"
class="block w-full p-4 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-primary-500 focus:border-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
placeholder="Søg på hårfarve.dk søg i produkter, indlæg, og kategorier" required="">
<button type="submit"
class="text-white absolute end-2.5 bottom-2.5 bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Søg
nu</button>
</div>
</form><form id="desktopFilterForm">
<div id="accordion-flush" data-accordion="open" data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" data-inactive-classes="text-gray-500 dark:text-gray-400">
<h2 id="accordion-filters-heading-0">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white rtl:text-right dark:!bg-gray-800"
data-accordion-target="#accordion-filters-body-0" aria-expanded="false" aria-controls="accordion-filters-body-0">
<span>Mærke</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0 rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-0" class="mb-4 hidden space-y-4" aria-labelledby="accordion-filters-heading-0">
<div class="space-y-3">
<div class="flex items-center">
<input id="4M0" type="checkbox" name="brand" value="4M"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="4M0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 4M </label>
</div>
<div class="flex items-center">
<input id="Gosh0" type="checkbox" name="brand" value="Gosh"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Gosh0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Gosh </label>
</div>
<div class="flex items-center">
<input id="L'Oréal0" type="checkbox" name="brand" value="L'Oréal"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="L'Oréal0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> L'Oréal </label>
</div>
<div class="flex items-center">
<input id="Revlon0" type="checkbox" name="brand" value="Revlon"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Revlon0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Revlon </label>
</div>
<div class="flex items-center">
<input id="Sanotint0" type="checkbox" name="brand" value="Sanotint"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Sanotint0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Sanotint </label>
</div>
<div class="flex items-center">
<input id="Tints of Nature0" type="checkbox" name="brand" value="Tints of Nature"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Tints of Nature0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Tints of Nature </label>
</div>
<div class="flex items-center">
<input id="Wella0" type="checkbox" name="brand" value="Wella"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Wella0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Wella </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-1">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-1" aria-expanded="true" aria-controls="accordion-filters-body-1">
<span>Størrelse</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-1" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-1">
<div class="space-y-3">
<div class="flex items-center">
<input id="50 cm1" type="checkbox" name="size" value="50 cm"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="50 cm1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 50 cm </label>
</div>
<div class="flex items-center">
<input id="74 cm1" type="checkbox" name="size" value="74 cm"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="74 cm1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 74 cm </label>
</div>
<div class="flex items-center">
<input id="80 cm1" type="checkbox" name="size" value="80 cm"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="80 cm1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 80 cm </label>
</div>
<div class="flex items-center">
<input id="M1" type="checkbox" name="size" value="M"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="M1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> M </label>
</div>
<div class="flex items-center">
<input id="XL1" type="checkbox" name="size" value="XL"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="XL1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> XL </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-2">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-2" aria-expanded="true" aria-controls="accordion-filters-body-2">
<span>Vægt</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-2" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-2">
<div class="space-y-3">
<div class="flex items-center">
<input id="33 g2" type="checkbox" name="weight" value="33 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="33 g2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 33 g </label>
</div>
<div class="flex items-center">
<input id="50 g2" type="checkbox" name="weight" value="50 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="50 g2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 50 g </label>
</div>
<div class="flex items-center">
<input id="60 g2" type="checkbox" name="weight" value="60 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="60 g2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 60 g </label>
</div>
<div class="flex items-center">
<input id="100 g2" type="checkbox" name="weight" value="100 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="100 g2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 100 g </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-3">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white rtl:text-right dark:!bg-gray-800"
data-accordion-target="#accordion-filters-body-3" aria-expanded="false" aria-controls="accordion-filters-body-3">
<span>Volumen</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0 rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-3" class="mb-4 hidden space-y-4" aria-labelledby="accordion-filters-heading-3">
<div class="space-y-3">
<div class="flex items-center">
<input id="15 ml3" type="checkbox" name="volume" value="15 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="15 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 15 ml </label>
</div>
<div class="flex items-center">
<input id="40 ml3" type="checkbox" name="volume" value="40 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="40 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 40 ml </label>
</div>
<div class="flex items-center">
<input id="50 ml3" type="checkbox" name="volume" value="50 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="50 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 50 ml </label>
</div>
<div class="flex items-center">
<input id="60 ml3" type="checkbox" name="volume" value="60 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="60 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 60 ml </label>
</div>
<div class="flex items-center">
<input id="63 ml3" type="checkbox" name="volume" value="63 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="63 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 63 ml </label>
</div>
<div class="flex items-center">
<input id="70 ml3" type="checkbox" name="volume" value="70 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="70 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 70 ml </label>
</div>
<div class="flex items-center">
<input id="75 ml3" type="checkbox" name="volume" value="75 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="75 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 75 ml </label>
</div>
<div class="flex items-center">
<input id="80 ml3" type="checkbox" name="volume" value="80 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="80 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 80 ml </label>
</div>
<div class="flex items-center">
<input id="85 ml3" type="checkbox" name="volume" value="85 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="85 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 85 ml </label>
</div>
<div class="flex items-center">
<input id="90 ml3" type="checkbox" name="volume" value="90 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="90 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 90 ml </label>
</div>
<div class="flex items-center">
<input id="100 ml3" type="checkbox" name="volume" value="100 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="100 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 100 ml </label>
</div>
<div class="flex items-center">
<input id="120 ml3" type="checkbox" name="volume" value="120 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="120 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 120 ml </label>
</div>
<div class="flex items-center">
<input id="125 ml3" type="checkbox" name="volume" value="125 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="125 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 125 ml </label>
</div>
<div class="flex items-center">
<input id="130 ml3" type="checkbox" name="volume" value="130 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="130 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 130 ml </label>
</div>
<div class="flex items-center">
<input id="135 ml3" type="checkbox" name="volume" value="135 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="135 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 135 ml </label>
</div>
<div class="flex items-center">
<input id="143 ml3" type="checkbox" name="volume" value="143 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="143 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 143 ml </label>
</div>
<div class="flex items-center">
<input id="150 ml3" type="checkbox" name="volume" value="150 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="150 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 150 ml </label>
</div>
<div class="flex items-center">
<input id="160 ml3" type="checkbox" name="volume" value="160 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="160 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 160 ml </label>
</div>
<div class="flex items-center">
<input id="240 ml3" type="checkbox" name="volume" value="240 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="240 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 240 ml </label>
</div>
<div class="flex items-center">
<input id="300 ml3" type="checkbox" name="volume" value="300 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="300 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 300 ml </label>
</div>
<div class="flex items-center">
<input id="500 ml3" type="checkbox" name="volume" value="500 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="500 ml3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 500 ml </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-4">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-4" aria-expanded="true" aria-controls="accordion-filters-body-4">
<span>Materiale</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-4" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-4">
<div class="space-y-3">
<div class="flex items-center">
<input id="Kobber4" type="checkbox" name="material" value="Kobber"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Kobber4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Kobber </label>
</div>
<div class="flex items-center">
<input id="Silke4" type="checkbox" name="material" value="Silke"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Silke4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Silke </label>
</div>
<div class="flex items-center">
<input id="Skifer4" type="checkbox" name="material" value="Skifer"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Skifer4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Skifer </label>
</div>
<div class="flex items-center">
<input id="Træ4" type="checkbox" name="material" value="Træ"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Træ4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Træ </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-5">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-5" aria-expanded="true" aria-controls="accordion-filters-body-5">
<span>Farve</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-5" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-5">
<div class="mt-2 flex flex-wrap items-center gap-2">
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-100 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_05">
<input type="radio" name="color" id="Beige5" value="Beige" class="sr-only">
<span id="color-choice-0-label5" class="sr-only"> Beige </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-100 border-opacity-10 bg-yellow-100"></span>
</label>
<div id="tooltip-color_05" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(160px, 532px);"> Beige <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(27px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-blue-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_15">
<input type="radio" name="color" id="Blå5" value="Blå" class="sr-only">
<span id="color-choice-1-label5" class="sr-only"> Blå </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-blue-500 border-opacity-10 bg-blue-500"></span>
</label>
<div id="tooltip-color_15" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(205px, 532px);"> Blå <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(19px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-brown-700 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_25">
<input type="radio" name="color" id="Brun5" value="Brun" class="sr-only">
<span id="color-choice-2-label5" class="sr-only"> Brun </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-brown-700 border-opacity-10 bg-brown-700"></span>
</label>
<div id="tooltip-color_25" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(235px, 532px);"> Brun <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(24px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-red-900 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_35">
<input type="radio" name="color" id="Burgundy5" value="Burgundy" class="sr-only">
<span id="color-choice-3-label5" class="sr-only"> Burgundy </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-red-900 border-opacity-10 bg-red-900"></span>
</label>
<div id="tooltip-color_35" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(255px, 532px);"> Burgundy <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(40px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-50 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_45">
<input type="radio" name="color" id="Creme5" value="Creme" class="sr-only">
<span id="color-choice-4-label5" class="sr-only"> Creme </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-50 border-opacity-10 bg-yellow-50"></span>
</label>
<div id="tooltip-color_45" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(302px, 532px);"> Creme <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(30px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-gray-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_55">
<input type="radio" name="color" id="Grå5" value="Grå" class="sr-only">
<span id="color-choice-5-label5" class="sr-only"> Grå </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-gray-500 border-opacity-10 bg-gray-500"></span>
</label>
<div id="tooltip-color_55" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(348px, 532px);"> Grå <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(20px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-green-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_65">
<input type="radio" name="color" id="Grøn5" value="Grøn" class="sr-only">
<span id="color-choice-6-label5" class="sr-only"> Grøn </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-green-500 border-opacity-10 bg-green-500"></span>
</label>
<div id="tooltip-color_65" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(379px, 532px);"> Grøn <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(24px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_75">
<input type="radio" name="color" id="Gul5" value="Gul" class="sr-only">
<span id="color-choice-7-label5" class="sr-only"> Gul </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-500 border-opacity-10 bg-yellow-500"></span>
</label>
<div id="tooltip-color_75" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(420px, 532px);"> Gul <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(19px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-400 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_85">
<input type="radio" name="color" id="Guld5" value="Guld" class="sr-only">
<span id="color-choice-8-label5" class="sr-only"> Guld </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-400 border-opacity-10 bg-yellow-400"></span>
</label>
<div id="tooltip-color_85" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(164px, 568px);"> Guld <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(23px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-white focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_95">
<input type="radio" name="color" id="Hvid5" value="Hvid" class="sr-only">
<span id="color-choice-9-label5" class="sr-only"> Hvid </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-white border-opacity-10 bg-white"></span>
</label>
<div id="tooltip-color_95" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(200px, 568px);"> Hvid <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(23px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_105">
<input type="radio" name="color" id="Karamel5" value="Karamel" class="sr-only">
<span id="color-choice-10-label5" class="sr-only"> Karamel </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-500 border-opacity-10 bg-orange-500"></span>
</label>
<div id="tooltip-color_105" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(224px, 568px);"> Karamel <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(35px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-700 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_115">
<input type="radio" name="color" id="Kobber5" value="Kobber" class="sr-only">
<span id="color-choice-11-label5" class="sr-only"> Kobber </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-700 border-opacity-10 bg-orange-700"></span>
</label>
<div id="tooltip-color_115" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(263px, 568px);"> Kobber <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(32px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-purple-300 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_125">
<input type="radio" name="color" id="Lavendel5" value="Lavendel" class="sr-only">
<span id="color-choice-12-label5" class="sr-only"> Lavendel </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-purple-300 border-opacity-10 bg-purple-300"></span>
</label>
<div id="tooltip-color_125" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(294px, 568px);"> Lavendel <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(38px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-purple-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_135">
<input type="radio" name="color" id="Lilla5" value="Lilla" class="sr-only">
<span id="color-choice-13-label5" class="sr-only"> Lilla </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-purple-500 border-opacity-10 bg-purple-500"></span>
</label>
<div id="tooltip-color_135" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(345px, 568px);"> Lilla <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(22px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-pink-300 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_145">
<input type="radio" name="color" id="Lyserød5" value="Lyserød" class="sr-only">
<span id="color-choice-14-label5" class="sr-only"> Lyserød </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-pink-300 border-opacity-10 bg-pink-300"></span>
</label>
<div id="tooltip-color_145" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(369px, 568px);"> Lyserød <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(34px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-brown-600 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_155">
<input type="radio" name="color" id="Mokka5" value="Mokka" class="sr-only">
<span id="color-choice-15-label5" class="sr-only"> Mokka </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-brown-600 border-opacity-10 bg-brown-600"></span>
</label>
<div id="tooltip-color_155" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(409px, 568px);"> Mokka <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(30px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-neon focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_165">
<input type="radio" name="color" id="Neon5" value="Neon" class="sr-only">
<span id="color-choice-16-label5" class="sr-only"> Neon </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-neon border-opacity-10 bg-neon"></span>
</label>
<div id="tooltip-color_165" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(162px, 604px);"> Neon <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(26px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_175">
<input type="radio" name="color" id="Orange5" value="Orange" class="sr-only">
<span id="color-choice-17-label5" class="sr-only"> Orange </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-500 border-opacity-10 bg-orange-500"></span>
</label>
<div id="tooltip-color_175" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(191px, 604px);"> Orange <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(32px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-red-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_185">
<input type="radio" name="color" id="Rød5" value="Rød" class="sr-only">
<span id="color-choice-18-label5" class="sr-only"> Rød </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-red-500 border-opacity-10 bg-red-500"></span>
</label>
<div id="tooltip-color_185" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(238px, 604px);"> Rød <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(21px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-black focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_195">
<input type="radio" name="color" id="Sort5" value="Sort" class="sr-only">
<span id="color-choice-19-label5" class="sr-only"> Sort </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-black border-opacity-10 bg-black"></span>
</label>
<div id="tooltip-color_195" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(273px, 604px);"> Sort <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(22px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-gray-400 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_205">
<input type="radio" name="color" id="Sølv5" value="Sølv" class="sr-only">
<span id="color-choice-20-label5" class="sr-only"> Sølv </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-gray-400 border-opacity-10 bg-gray-400"></span>
</label>
<div id="tooltip-color_205" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(309px, 604px);"> Sølv <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(22px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-700 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_215">
<input type="radio" name="color" id="Terrakotta5" value="Terrakotta" class="sr-only">
<span id="color-choice-21-label5" class="sr-only"> Terrakotta </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-700 border-opacity-10 bg-orange-700"></span>
</label>
<div id="tooltip-color_215" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(325px, 604px);"> Terrakotta <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(43px, 0px);"></div>
</div>
</div>
</div>
<button type="button" id="clearAllButtonMob"
class="clearAllButton w-full rounded-lg border border-gray-200 bg-white px-5 py-2 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700">Ryd
alle filtre</button>
</div>
</form><form id="mobileFilterForm">
<div id="accordion-flush_mobile" data-accordion="open" data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" data-inactive-classes="text-gray-500 dark:text-gray-400">
<h2 id="accordion-filters-heading-mob_0">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white rtl:text-right dark:!bg-gray-800"
data-accordion-target="#accordion-filters-body-mob_0" aria-expanded="false" aria-controls="accordion-filters-body-mob_0">
<span>Mærke</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0 rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-mob_0" class="mb-4 hidden space-y-4" aria-labelledby="accordion-filters-heading-mob_0">
<div class="space-y-3">
<div class="flex items-center">
<input id="4Mmob_0" type="checkbox" name="brand" value="4M"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="4Mmob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 4M </label>
</div>
<div class="flex items-center">
<input id="Goshmob_0" type="checkbox" name="brand" value="Gosh"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Goshmob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Gosh </label>
</div>
<div class="flex items-center">
<input id="L'Oréalmob_0" type="checkbox" name="brand" value="L'Oréal"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="L'Oréalmob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> L'Oréal </label>
</div>
<div class="flex items-center">
<input id="Revlonmob_0" type="checkbox" name="brand" value="Revlon"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Revlonmob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Revlon </label>
</div>
<div class="flex items-center">
<input id="Sanotintmob_0" type="checkbox" name="brand" value="Sanotint"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Sanotintmob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Sanotint </label>
</div>
<div class="flex items-center">
<input id="Tints of Naturemob_0" type="checkbox" name="brand" value="Tints of Nature"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Tints of Naturemob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Tints of Nature </label>
</div>
<div class="flex items-center">
<input id="Wellamob_0" type="checkbox" name="brand" value="Wella"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Wellamob_0" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Wella </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-mob_1">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-mob_1" aria-expanded="true" aria-controls="accordion-filters-body-mob_1">
<span>Størrelse</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-mob_1" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-mob_1">
<div class="space-y-3">
<div class="flex items-center">
<input id="50 cmmob_1" type="checkbox" name="size" value="50 cm"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="50 cmmob_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 50 cm </label>
</div>
<div class="flex items-center">
<input id="74 cmmob_1" type="checkbox" name="size" value="74 cm"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="74 cmmob_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 74 cm </label>
</div>
<div class="flex items-center">
<input id="80 cmmob_1" type="checkbox" name="size" value="80 cm"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="80 cmmob_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 80 cm </label>
</div>
<div class="flex items-center">
<input id="Mmob_1" type="checkbox" name="size" value="M"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Mmob_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> M </label>
</div>
<div class="flex items-center">
<input id="XLmob_1" type="checkbox" name="size" value="XL"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="XLmob_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> XL </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-mob_2">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-mob_2" aria-expanded="true" aria-controls="accordion-filters-body-mob_2">
<span>Vægt</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-mob_2" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-mob_2">
<div class="space-y-3">
<div class="flex items-center">
<input id="33 gmob_2" type="checkbox" name="weight" value="33 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="33 gmob_2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 33 g </label>
</div>
<div class="flex items-center">
<input id="50 gmob_2" type="checkbox" name="weight" value="50 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="50 gmob_2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 50 g </label>
</div>
<div class="flex items-center">
<input id="60 gmob_2" type="checkbox" name="weight" value="60 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="60 gmob_2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 60 g </label>
</div>
<div class="flex items-center">
<input id="100 gmob_2" type="checkbox" name="weight" value="100 g"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="100 gmob_2" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 100 g </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-mob_3">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white rtl:text-right dark:!bg-gray-800"
data-accordion-target="#accordion-filters-body-mob_3" aria-expanded="false" aria-controls="accordion-filters-body-mob_3">
<span>Volumen</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0 rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-mob_3" class="mb-4 hidden space-y-4" aria-labelledby="accordion-filters-heading-mob_3">
<div class="space-y-3">
<div class="flex items-center">
<input id="15 mlmob_3" type="checkbox" name="volume" value="15 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="15 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 15 ml </label>
</div>
<div class="flex items-center">
<input id="40 mlmob_3" type="checkbox" name="volume" value="40 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="40 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 40 ml </label>
</div>
<div class="flex items-center">
<input id="50 mlmob_3" type="checkbox" name="volume" value="50 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="50 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 50 ml </label>
</div>
<div class="flex items-center">
<input id="60 mlmob_3" type="checkbox" name="volume" value="60 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="60 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 60 ml </label>
</div>
<div class="flex items-center">
<input id="63 mlmob_3" type="checkbox" name="volume" value="63 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="63 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 63 ml </label>
</div>
<div class="flex items-center">
<input id="70 mlmob_3" type="checkbox" name="volume" value="70 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="70 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 70 ml </label>
</div>
<div class="flex items-center">
<input id="75 mlmob_3" type="checkbox" name="volume" value="75 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="75 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 75 ml </label>
</div>
<div class="flex items-center">
<input id="80 mlmob_3" type="checkbox" name="volume" value="80 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="80 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 80 ml </label>
</div>
<div class="flex items-center">
<input id="85 mlmob_3" type="checkbox" name="volume" value="85 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="85 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 85 ml </label>
</div>
<div class="flex items-center">
<input id="90 mlmob_3" type="checkbox" name="volume" value="90 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="90 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 90 ml </label>
</div>
<div class="flex items-center">
<input id="100 mlmob_3" type="checkbox" name="volume" value="100 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="100 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 100 ml </label>
</div>
<div class="flex items-center">
<input id="120 mlmob_3" type="checkbox" name="volume" value="120 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="120 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 120 ml </label>
</div>
<div class="flex items-center">
<input id="125 mlmob_3" type="checkbox" name="volume" value="125 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="125 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 125 ml </label>
</div>
<div class="flex items-center">
<input id="130 mlmob_3" type="checkbox" name="volume" value="130 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="130 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 130 ml </label>
</div>
<div class="flex items-center">
<input id="135 mlmob_3" type="checkbox" name="volume" value="135 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="135 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 135 ml </label>
</div>
<div class="flex items-center">
<input id="143 mlmob_3" type="checkbox" name="volume" value="143 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="143 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 143 ml </label>
</div>
<div class="flex items-center">
<input id="150 mlmob_3" type="checkbox" name="volume" value="150 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="150 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 150 ml </label>
</div>
<div class="flex items-center">
<input id="160 mlmob_3" type="checkbox" name="volume" value="160 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="160 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 160 ml </label>
</div>
<div class="flex items-center">
<input id="240 mlmob_3" type="checkbox" name="volume" value="240 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="240 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 240 ml </label>
</div>
<div class="flex items-center">
<input id="300 mlmob_3" type="checkbox" name="volume" value="300 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="300 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 300 ml </label>
</div>
<div class="flex items-center">
<input id="500 mlmob_3" type="checkbox" name="volume" value="500 ml"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="500 mlmob_3" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> 500 ml </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-mob_4">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-mob_4" aria-expanded="true" aria-controls="accordion-filters-body-mob_4">
<span>Materiale</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-mob_4" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-mob_4">
<div class="space-y-3">
<div class="flex items-center">
<input id="Kobbermob_4" type="checkbox" name="material" value="Kobber"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Kobbermob_4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Kobber </label>
</div>
<div class="flex items-center">
<input id="Silkemob_4" type="checkbox" name="material" value="Silke"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Silkemob_4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Silke </label>
</div>
<div class="flex items-center">
<input id="Skifermob_4" type="checkbox" name="material" value="Skifer"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Skifermob_4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Skifer </label>
</div>
<div class="flex items-center">
<input id="Træmob_4" type="checkbox" name="material" value="Træ"
class="h-4 w-4 rounded border-gray-300 bg-gray-100 text-primary-600 focus:ring-2 focus:ring-primary-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-primary-600">
<label for="Træmob_4" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300"> Træ </label>
</div>
</div>
</div>
<h2 id="accordion-filters-heading-mob_5">
<button type="button" class="mb-4 flex w-full items-center justify-between font-medium hover:text-gray-900 dark:hover:text-white rtl:text-right dark:!bg-gray-800 bg-white dark:bg-gray-900 text-gray-900 dark:text-white"
data-accordion-target="#accordion-filters-body-mob_5" aria-expanded="true" aria-controls="accordion-filters-body-mob_5">
<span>Farve</span>
<svg data-accordion-icon="" class="h-5 w-5 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 15 7-7 7 7"></path>
</svg>
</button>
</h2>
<div id="accordion-filters-body-mob_5" class="mb-4 space-y-4" aria-labelledby="accordion-filters-heading-mob_5">
<div class="mt-2 flex flex-wrap items-center gap-2">
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-100 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_0mob_5">
<input type="radio" name="color" id="Beigemob_5" value="Beige" class="sr-only">
<span id="color-choice-0-labelmob_5" class="sr-only"> Beige </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-100 border-opacity-10 bg-yellow-100"></span>
</label>
<div id="tooltip-color_0mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(38px, -486px);"> Beige <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-blue-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_1mob_5">
<input type="radio" name="color" id="Blåmob_5" value="Blå" class="sr-only">
<span id="color-choice-1-labelmob_5" class="sr-only"> Blå </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-blue-500 border-opacity-10 bg-blue-500"></span>
</label>
<div id="tooltip-color_1mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(74px, -486px);"> Blå <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-brown-700 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_2mob_5">
<input type="radio" name="color" id="Brunmob_5" value="Brun" class="sr-only">
<span id="color-choice-2-labelmob_5" class="sr-only"> Brun </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-brown-700 border-opacity-10 bg-brown-700"></span>
</label>
<div id="tooltip-color_2mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(110px, -486px);"> Brun <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-red-900 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_3mob_5">
<input type="radio" name="color" id="Burgundymob_5" value="Burgundy" class="sr-only">
<span id="color-choice-3-labelmob_5" class="sr-only"> Burgundy </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-red-900 border-opacity-10 bg-red-900"></span>
</label>
<div id="tooltip-color_3mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(146px, -486px);"> Burgundy <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-50 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_4mob_5">
<input type="radio" name="color" id="Crememob_5" value="Creme" class="sr-only">
<span id="color-choice-4-labelmob_5" class="sr-only"> Creme </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-50 border-opacity-10 bg-yellow-50"></span>
</label>
<div id="tooltip-color_4mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(182px, -486px);"> Creme <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-gray-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_5mob_5">
<input type="radio" name="color" id="Gråmob_5" value="Grå" class="sr-only">
<span id="color-choice-5-labelmob_5" class="sr-only"> Grå </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-gray-500 border-opacity-10 bg-gray-500"></span>
</label>
<div id="tooltip-color_5mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(218px, -486px);"> Grå <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-green-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_6mob_5">
<input type="radio" name="color" id="Grønmob_5" value="Grøn" class="sr-only">
<span id="color-choice-6-labelmob_5" class="sr-only"> Grøn </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-green-500 border-opacity-10 bg-green-500"></span>
</label>
<div id="tooltip-color_6mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(254px, -486px);"> Grøn <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_7mob_5">
<input type="radio" name="color" id="Gulmob_5" value="Gul" class="sr-only">
<span id="color-choice-7-labelmob_5" class="sr-only"> Gul </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-500 border-opacity-10 bg-yellow-500"></span>
</label>
<div id="tooltip-color_7mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(290px, -486px);"> Gul <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-yellow-400 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_8mob_5">
<input type="radio" name="color" id="Guldmob_5" value="Guld" class="sr-only">
<span id="color-choice-8-labelmob_5" class="sr-only"> Guld </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-yellow-400 border-opacity-10 bg-yellow-400"></span>
</label>
<div id="tooltip-color_8mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(326px, -486px);"> Guld <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-white focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_9mob_5">
<input type="radio" name="color" id="Hvidmob_5" value="Hvid" class="sr-only">
<span id="color-choice-9-labelmob_5" class="sr-only"> Hvid </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-white border-opacity-10 bg-white"></span>
</label>
<div id="tooltip-color_9mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(362px, -486px);"> Hvid <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_10mob_5">
<input type="radio" name="color" id="Karamelmob_5" value="Karamel" class="sr-only">
<span id="color-choice-10-labelmob_5" class="sr-only"> Karamel </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-500 border-opacity-10 bg-orange-500"></span>
</label>
<div id="tooltip-color_10mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(38px, -450px);"> Karamel <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-700 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_11mob_5">
<input type="radio" name="color" id="Kobbermob_5" value="Kobber" class="sr-only">
<span id="color-choice-11-labelmob_5" class="sr-only"> Kobber </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-700 border-opacity-10 bg-orange-700"></span>
</label>
<div id="tooltip-color_11mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(74px, -450px);"> Kobber <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-purple-300 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_12mob_5">
<input type="radio" name="color" id="Lavendelmob_5" value="Lavendel" class="sr-only">
<span id="color-choice-12-labelmob_5" class="sr-only"> Lavendel </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-purple-300 border-opacity-10 bg-purple-300"></span>
</label>
<div id="tooltip-color_12mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(110px, -450px);"> Lavendel <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-purple-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_13mob_5">
<input type="radio" name="color" id="Lillamob_5" value="Lilla" class="sr-only">
<span id="color-choice-13-labelmob_5" class="sr-only"> Lilla </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-purple-500 border-opacity-10 bg-purple-500"></span>
</label>
<div id="tooltip-color_13mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(146px, -450px);"> Lilla <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-pink-300 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_14mob_5">
<input type="radio" name="color" id="Lyserødmob_5" value="Lyserød" class="sr-only">
<span id="color-choice-14-labelmob_5" class="sr-only"> Lyserød </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-pink-300 border-opacity-10 bg-pink-300"></span>
</label>
<div id="tooltip-color_14mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(182px, -450px);"> Lyserød <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-brown-600 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_15mob_5">
<input type="radio" name="color" id="Mokkamob_5" value="Mokka" class="sr-only">
<span id="color-choice-15-labelmob_5" class="sr-only"> Mokka </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-brown-600 border-opacity-10 bg-brown-600"></span>
</label>
<div id="tooltip-color_15mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(218px, -450px);"> Mokka <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-neon focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_16mob_5">
<input type="radio" name="color" id="Neonmob_5" value="Neon" class="sr-only">
<span id="color-choice-16-labelmob_5" class="sr-only"> Neon </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-neon border-opacity-10 bg-neon"></span>
</label>
<div id="tooltip-color_16mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(254px, -450px);"> Neon <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_17mob_5">
<input type="radio" name="color" id="Orangemob_5" value="Orange" class="sr-only">
<span id="color-choice-17-labelmob_5" class="sr-only"> Orange </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-500 border-opacity-10 bg-orange-500"></span>
</label>
<div id="tooltip-color_17mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(290px, -450px);"> Orange <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-red-500 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_18mob_5">
<input type="radio" name="color" id="Rødmob_5" value="Rød" class="sr-only">
<span id="color-choice-18-labelmob_5" class="sr-only"> Rød </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-red-500 border-opacity-10 bg-red-500"></span>
</label>
<div id="tooltip-color_18mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(326px, -450px);"> Rød <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-black focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_19mob_5">
<input type="radio" name="color" id="Sortmob_5" value="Sort" class="sr-only">
<span id="color-choice-19-labelmob_5" class="sr-only"> Sort </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-black border-opacity-10 bg-black"></span>
</label>
<div id="tooltip-color_19mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(362px, -450px);"> Sort <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-gray-400 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_20mob_5">
<input type="radio" name="color" id="Sølvmob_5" value="Sølv" class="sr-only">
<span id="color-choice-20-labelmob_5" class="sr-only"> Sølv </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-gray-400 border-opacity-10 bg-gray-400"></span>
</label>
<div id="tooltip-color_20mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(38px, -414px);"> Sølv <div class="tooltip-arrow" data-popper-arrow=""
style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
<label class="relative -m-0.5 flex cursor-pointer items-center justify-center rounded-full p-0.5 ring-orange-700 focus:outline-none has-[:checked]:ring-2" data-tooltip-target="tooltip-color_21mob_5">
<input type="radio" name="color" id="Terrakottamob_5" value="Terrakotta" class="sr-only">
<span id="color-choice-21-labelmob_5" class="sr-only"> Terrakotta </span>
<span aria-hidden="true" class="h-7 w-7 rounded-full border border-orange-700 border-opacity-10 bg-orange-700"></span>
</label>
<div id="tooltip-color_21mob_5" role="tooltip" class="tooltip invisible absolute z-10 inline-block rounded-lg bg-gray-900 px-3 py-2 text-sm font-medium text-white opacity-0 shadow-sm transition-opacity duration-300 dark:bg-gray-700"
data-popper-placement="top" data-popper-reference-hidden="" data-popper-escaped="" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(74px, -414px);"> Terrakotta <div class="tooltip-arrow"
data-popper-arrow="" style="position: absolute; left: 0px; transform: translate(0px, 0px);"></div>
</div>
</div>
</div>
</div>
<div class="bottom-0 left-0 mt-6 flex w-full justify-center space-x-4 pb-4">
<button type="button" data-drawer-dismiss="drawer-mobile-filter" aria-controls="drawer-mobile-filter"
class="w-full rounded-lg bg-primary-700 px-5 py-2 text-center text-sm font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4 focus:ring-primary-300 dark:bg-primary-700 dark:hover:bg-primary-800 dark:focus:ring-primary-800">Anvend
Filtre</button>
<button type="button" id="clearAllButtonMob"
class="clearAllButton w-full rounded-lg border border-gray-200 bg-white px-5 py-2 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700">Ryd
alle filtre</button>
</div>
</form>Text Content
Hårfarve.dk
👍
Altid billige priser
🔔
Daglige prisopdateringer
🤝
E-handel med sikkerhed
🎗️
Et stort udvalg af produkter
🇩🇰
Godkendte butikker
Hårfarve.dk
Se også
* Privatlivspolitik
Menu
Søg nu
Søg nu
* Hårfarve
* Privatlivspolitik
* Hårfarve
1. Forside
2. Hårfarve
DIN GUIDE TIL HÅRFARVER
Velkommen til vores ultimative guide om hårfarvning!
Uanset om du ønsker at forvandle dit look dramatisk, eller bare give dine lokker
et strejf af glans og friskhed, så er hårfarvning en fantastisk måde at udtrykke
din unikke stil på.
I denne omfattende guide vil vi dykke ned i alt, hvad du har brug for at vide om
farvning af håret - fra de mest grundlæggende definitioner til de mest
avancerede teknikker.
Se alle 298 hårfarver Gå til guiden
HÅRFARVER (298 PÅ LAGER)
Filtre
Sortering Mest populære Pris (billigste først) Pris (dyreste først) Rabat i pct
% Rabat i kr. Navn (A-Å) Navn (Å-A)
Nulstil alle filtre
MÆRKE
4M
Gosh
L'Oréal
Revlon
Sanotint
Tints of Nature
Wella
STØRRELSE
50 cm
74 cm
80 cm
M
XL
VÆGT
33 g
50 g
60 g
100 g
VOLUMEN
15 ml
40 ml
50 ml
60 ml
63 ml
70 ml
75 ml
80 ml
85 ml
90 ml
100 ml
120 ml
125 ml
130 ml
135 ml
143 ml
150 ml
160 ml
240 ml
300 ml
500 ml
MATERIALE
Kobber
Silke
Skifer
Træ
FARVE
Beige
Beige
Blå
Blå
Brun
Brun
Burgundy
Burgundy
Creme
Creme
Grå
Grå
Grøn
Grøn
Gul
Gul
Guld
Guld
Hvid
Hvid
Karamel
Karamel
Kobber
Kobber
Lavendel
Lavendel
Lilla
Lilla
Lyserød
Lyserød
Mokka
Mokka
Neon
Neon
Orange
Orange
Rød
Rød
Sort
Sort
Sølv
Sølv
Terrakotta
Terrakotta
Ryd alle filtre
Close modal
TINTS OF NATURE HENNA CREAM BLACK 70 ML.
124,75 kr.
147 kr.
Se hos Well.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 147 kr. 124,75
Forhandlerens beskrivelse af Tints of Nature Henna Cream Black 70 ml.:
SEMI-PERMANENT HÅRFARVE Henna Cream Black fra Tints of Nature er en
semi-permanent, økologisk og ammoniakfri hårfarve, der skaber et professionelt
salonresultat derhjemme. Hårfarven holder i 6-12 hårvaske, og den dækker desuden
grå hår med op til 80%. Den...
MÆRKE
* Tints of Nature
FARVE
* Creme
* Sort
VOLUME
* 70 ml
Udsalg - spar 15 %
Quick look
Se produktinfo og priser
Tints of Nature Henna Cream Black 70 ml.
* Well.dk
* Bedste pris
Se produktinfo og priser
147 kr.
124,75 kr.
Til butik
Close modal
NATUR HÅR FARVE FRA HERBATINT (LIGHT GOLDEN CHEST - 5D)
109 kr.
129,95 kr.
Se hos Helsehelse.dk
--------------------------------------------------------------------------------
ALLE PRISER:
Helsehelse.dk
kr. 129,95 kr. 109
kr. 129,95 kr. 123,45
Forhandlerens beskrivelse af Natur hår farve fra Herbatint (Light golden chest -
5D):
Permanent hårfarvegel 'Light Golden Chestnut' med urteekstrakter, der plejer og
beskytter håret under og efter farvningen. Æsken indeholder desuden også
fikseringsvæske, shampoo og balsam. Herbatint er et varigt hårfarvemiddel, der
dækker 100% gråt hår.
VOLUME
* 135 ml
* 150 ml
Udsalg - spar 16 %
Quick look
Se produktinfo og priser
Natur hår farve fra Herbatint (Light golden chest - 5D)
* Helsehelse.dk
* Bedst af 2 priser
Se produktinfo og priser
129,95 kr.
109 kr.
Til butik
Close modal
PERMANENT FARVE NUTRI COLOR REVLON 931 BEIGE (100 ML)
58 kr.
99 kr.
Se hos Boligcenter DK
--------------------------------------------------------------------------------
ALLE PRISER:
Forhandlerens beskrivelse af Permanent Farve Nutri Color Revlon 931 Beige (100
ml):
INTENS SEMI-PERMANENT HÅRFARVE OG HÅRMASKE I 1 Revlon Nutri Color Filters 931
(100 ml) er en semi permanent hårfarve, som farver dit hår med intens farve,
intens pleje og intens skinnende effekt. Den smukke hårfarve gør det let at tone
og vedligeholde d...
MÆRKE
* Revlon
FARVE
* Beige
* Creme
VOLUME
* 100 ml
Udsalg - spar 41 %
Quick look
Se produktinfo og priser
Permanent Farve Nutri Color Revlon 931 Beige (100 ml)
* Boligcenter DK
* Bedst af 0 priser
Se produktinfo og priser
99 kr.
58 kr.
Til butik
Close modal
HENNAPLUS HÅRFARVE (8.3 LIGHTGOLDEN BLOND)
119,95 kr.
129,95 kr.
Se hos Helsehelse.dk
--------------------------------------------------------------------------------
ALLE PRISER:
Helsehelse.dk
kr. 129,95 kr. 119,95
Forhandlerens beskrivelse af Hennaplus hårfarve (8.3 lightgolden blond):
NO_DESCRIPTION...
VOLUME
* 40 ml
Udsalg - spar 7 %
Quick look
Se produktinfo og priser
Hennaplus hårfarve (8.3 lightgolden blond)
* Helsehelse.dk
* Bedste pris
Se produktinfo og priser
129,95 kr.
119,95 kr.
Til butik
Close modal
NATUR HÅR FARVE FRA HERBATINT (LIGHT MAHOGANY CHE - 5M)
109 kr.
129,95 kr.
Se hos Helsehelse.dk
--------------------------------------------------------------------------------
ALLE PRISER:
Helsehelse.dk
kr. 129,95 kr. 109
kr. 129,95 kr. 123,45
Forhandlerens beskrivelse af Natur hår farve fra Herbatint (Light mahogany che -
5M):
Permanent hårfarvegel 'Light Chestnut' med urteekstrakter, der plejer og
beskytter håret under og efter farvningen. Æsken indeholder desuden også
fikseringsvæske, shampoo og balsam. Herbatint er et varigt hårfarvemiddel, der
dækker 100% gråt hår. Herb...
VOLUME
* 135 ml
* 150 ml
Udsalg - spar 16 %
Quick look
Se produktinfo og priser
Natur hår farve fra Herbatint (Light mahogany che - 5M)
* Helsehelse.dk
* Bedst af 2 priser
Se produktinfo og priser
129,95 kr.
109 kr.
Til butik
Close modal
SANOTINT 88 • LIGHT EX. LYS BLOND
126 kr.
140 kr.
Se hos Helsegrossisten.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 140 kr. 126
Helsehelse.dk
kr. 140 kr. 133,95
Forhandlerens beskrivelse af Sanotint 88 • light ex. Lys blond:
Ingredienser hårfarven: Aqua, Cetearyl Alcohol, Ethanolamine, Polysorbate 80,
Ceteareth-30, Sodium Lauryl Sulfate, Isopropyl Stearate, Propylene Glycol,
Tetrasodium EDTA, Parfum, Ascorbic Acid, Sodium Hydrosulfite, Panicum Miliaceum
Extract, Biotin, Calci...
MÆRKE
* Sanotint
Udsalg - spar 10 %
Quick look
Se produktinfo og priser
Sanotint 88 • light ex. Lys blond
* Helsegrossisten.dk
* Bedst af 2 priser
Se produktinfo og priser
140 kr.
126 kr.
Til butik
Close modal
SANOTINT 06 HÅRFARVE MØRK BRUN (125 ML)
121,50 kr.
140 kr.
Se hos Viivaa.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 140 kr. 121,5
Forhandlerens beskrivelse af Sanotint 06 hårfarve Mørk brun (125 ml):
NO_DESCRIPTION...
MÆRKE
* Sanotint
FARVE
* Brun
* Mokka
* Sort
VOLUME
* 125 ml
Udsalg - spar 13 %
Quick look
Se produktinfo og priser
Sanotint 06 hårfarve Mørk brun (125 ml)
* Viivaa.dk
* Bedste pris
Se produktinfo og priser
140 kr.
121,50 kr.
Til butik
Close modal
TINTS OF NATURE NATURAL BLACK 1N 130 ML.
124,75 kr.
147 kr.
Se hos Well.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 147 kr. 129
Forhandlerens beskrivelse af Tints of Nature Natural Black 1N 130 ml.:
Vælg Natural Black 1N til et slående nyt udseende uanset om du er brunette,
blondine eller rødhåret. Perfekt til at dække alle grå hår. Gør dit hår glad med
denne unikke formel. Tints of Nature er fyldt med ingredienser der nærer og
beskytter under farvn...
MÆRKE
* Tints of Nature
FARVE
* Sort
VOLUME
* 130 ml
Udsalg - spar 15 %
Quick look
Se produktinfo og priser
Tints of Nature Natural Black 1N 130 ml.
* Well.dk
* Bedste pris
Se produktinfo og priser
147 kr.
124,75 kr.
Til butik
Close modal
SANOTINT HÅRFARVE 02 SORT BRUN (1 STK)
121,95 kr.
140 kr.
Se hos Well.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 140 kr. 126
Helsehelse.dk
kr. 140 kr. 133,95
Forhandlerens beskrivelse af Sanotint Hårfarve 02 Sort Brun (1 stk):
Sanotint Classic er en permanent hårfarve med indhold af planteekstrakter såsom
gylden hirse, oliven, birk, vindruekerne samt biotin og calcium panthotenate.
Sanotint Classic farver håret uden at skade det. Produktet er nemt at anvende,
drypper ikke og gi...
MÆRKE
* Sanotint
FARVE
* Brun
* Sort
Udsalg - spar 12 %
Quick look
Se produktinfo og priser
Sanotint Hårfarve 02 Sort Brun (1 stk)
* Well.dk
* Bedst af 2 priser
Se produktinfo og priser
140 kr.
121,95 kr.
Til butik
Close modal
SANOTINT 02 HÅRFARVE SORT BRUN (125 ML)
121,50 kr.
140 kr.
Se hos Viivaa.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 140 kr. 121,5
Forhandlerens beskrivelse af Sanotint 02 hårfarve Sort brun (125 ml):
NO_DESCRIPTION...
MÆRKE
* Sanotint
FARVE
* Brun
* Sort
VOLUME
* 125 ml
Udsalg - spar 13 %
Quick look
Se produktinfo og priser
Sanotint 02 hårfarve Sort brun (125 ml)
* Viivaa.dk
* Bedste pris
Se produktinfo og priser
140 kr.
121,50 kr.
Til butik
Close modal
TINTS OF NATURE NATURAL LIGHT BROWN 5N 130 ML.
124,75 kr.
147 kr.
Se hos Well.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 147 kr. 129
Forhandlerens beskrivelse af Tints of Nature Natural Light Brown 5N 130 ml.:
Natural Light Brown 5N - En subtil nuance af klassisk brunette. Stilfuldt dækker
den alle grå hår for at give dig en langvarig naturlig farve og skinnende hår
der føles silkeblødt og glat. Gør dit hår glad med denne unikke formel. Tints of
Nature er fyld...
MÆRKE
* Tints of Nature
FARVE
* Brun
VOLUME
* 120 ml
* 130 ml
Udsalg - spar 15 %
Quick look
Se produktinfo og priser
Tints of Nature Natural Light Brown 5N 130 ml.
* Well.dk
* Bedste pris
Se produktinfo og priser
147 kr.
124,75 kr.
Til butik
Close modal
SANOTINT 87 HÅRFARVE LIGHT GYLDEN BLOND.
126 kr.
140 kr.
Se hos Helsegrossisten.dk
--------------------------------------------------------------------------------
ALLE PRISER:
kr. 140 kr. 126
Helsehelse.dk
kr. 140 kr. 133,95
Forhandlerens beskrivelse af Sanotint 87 hårfarve light Gylden Blond.:
Ingredienser hårfarven: Aqua, Cetearyl Alcohol, Ethanolamine, Polysorbate 80,
Ceteareth-30, Sodium Lauryl Sulfate, Isopropyl Stearate, Propylene Glycol,
Tetrasodium EDTA, Parfum, Ascorbic Acid, Sodium Hydrosulfite, Panicum Miliaceum
Extract, Biotin, Calci...
MÆRKE
* Sanotint
Udsalg - spar 10 %
Quick look
Se produktinfo og priser
Sanotint 87 hårfarve light Gylden Blond.
* Helsegrossisten.dk
* Bedst af 2 priser
Se produktinfo og priser
140 kr.
126 kr.
Til butik
* Forrige side
* Næste side
FILTRE
Close menu
MÆRKE
4M
Gosh
L'Oréal
Revlon
Sanotint
Tints of Nature
Wella
STØRRELSE
50 cm
74 cm
80 cm
M
XL
VÆGT
33 g
50 g
60 g
100 g
VOLUMEN
15 ml
40 ml
50 ml
60 ml
63 ml
70 ml
75 ml
80 ml
85 ml
90 ml
100 ml
120 ml
125 ml
130 ml
135 ml
143 ml
150 ml
160 ml
240 ml
300 ml
500 ml
MATERIALE
Kobber
Silke
Skifer
Træ
FARVE
Beige
Beige
Blå
Blå
Brun
Brun
Burgundy
Burgundy
Creme
Creme
Grå
Grå
Grøn
Grøn
Gul
Gul
Guld
Guld
Hvid
Hvid
Karamel
Karamel
Kobber
Kobber
Lavendel
Lavendel
Lilla
Lilla
Lyserød
Lyserød
Mokka
Mokka
Neon
Neon
Orange
Orange
Rød
Rød
Sort
Sort
Sølv
Sølv
Terrakotta
Terrakotta
Anvend Filtre Ryd alle filtre
DIN GUIDE TIL HÅRFARVER
Vær opmærksom! Denne guide er delvist AI-baseret. Klik og læs videre
Close modal
Denne guide er udformet med støtte fra kunstig intelligens for at sikre hurtig
og nøjagtig information. AI'en bruger tilgængelige data og algoritmer, og vi
anbefaler, at du dobbelttjekker oplysningerne for fuld nøjagtighed.
Oplysningerne og rådene, i denne guide, er kun til generel vejledning og bør
ikke ses som en endelig anbefaling. Overvej dine beslutninger, og at du
vurderer, om oplysningerne passer til din situation, før du gør noget. Du bærer
selv ansvaret for dine beslutninger.
Hverken forfatterne eller Hårfarve.dk kan tage ansvar for nogen skader eller
tab, som kunne opstå ved det, du gør med informationerne fra denne guide. Vi
opfordrer søge professionel rådgivning, hvis du er usikker, om oplysningerne er
relevante for dig.
Velkommen til vores ultimative guide om hårfarvning! Uanset om du ønsker at
forvandle dit look dramatisk, eller bare give dine lokker et strejf af glans og
friskhed, så er hårfarvning en fantastisk måde at udtrykke din unikke stil på. I
denne omfattende guide vil vi dykke ned i alt, hvad du har brug for at vide om
farvning af håret - fra de mest grundlæggende definitioner til de mest
avancerede teknikker.
Hårfarver har udviklet sig dramatisk over årene, og med den teknologiske
fremgang er der nu et væld af valgmuligheder i forskellige nuancer, typer og
metoder. For at kunne træffe det bedste valg for dit hår, er det essentielt at
forstå de forskellige muligheder, samt, hvordan de vil påvirke din hårsundhed og
stil.
I denne guide vil du finde en detaljeret gennemgang af hver niveau af
hårfarve-processen:
* Grundlæggende definitioner: Forstå grundlæggende begreber og terminologier i
hårfarvning.
* Overvejelser inden hårfarvning: Hvad du bør tænke over, før du dykker ned i
hårfarveverdenen.
* Tips og tricks til hårfarvning: Praktiske råd til en succesfuld farvning.
* Prisguide: Vejledning i hvad du kan forvente at betale for forskellige
hårfarvebehandlinger.
* Vedligeholdelse af farvet hår: Sådan bevarer du farvens intensitet og
beskytter dit hår.
* Almindelige fejl at undgå: Undgå faldgruber og fejl under
hårfarvningsprocessen.
* Avancerede farveteknikker: Udforsk de nyeste og mest populære teknikker inden
for hårfarve.
* Købeguide: Find ud af, hvilke produkter der passer bedst til dine behov.
* Fordelene ved hårfarve: Opdag alle de positive aspekter ved at farve dit hår.
* Ulemper ved hårfarve: Vær informeret om de potentielle negative sider ved
hårfarvning.
* Alternativer til traditionel hårfarvning: Overvej andre metoder til at ændre
dit hårs udseende.
* Guide til brug af hårfarve: En trin-for-trin vejledning til at farve dit hår
hjemme eller professionelt.
Med denne guide er vores mål at hjælpe dig med at tage informerede beslutninger
om din hårfarvningsrejse, sikre at du opnår det mest fantastiske resultat og
vigtigst af alt - at du føler dig selvsikker og smuk. Læn dig tilbage, find
notatblokken frem og lad os begynde denne spændende rejse ind i farvernes
verden.
GRUNDLÆGGENDE DEFINITIONER
"Grundlæggende definitioner" er hjørnestenen i din guide til hårfarver på
hårfarve.dk. Denne sektion fokuserer på at forklare, hvad hårfarve er, og de
forskellige typer, der findes. Lad os dykke ned i dette fascinerende emne.
HVAD ER HÅRFARVE?
Hårfarve refererer til farvningsprocessen, hvor farvemidler anvendes for at
ændre den naturlige farve på ens hår. Formålet med hårfarvning kan variere;
nogle ønsker at dække grå hår, mens andre ønsker at eksperimentere med nye og
dristige farver. Uanset årsagen indebærer hårfarvning en kemisk eller naturlig
behandling, der kan ændre hårstrukturen midlertidigt eller permanent.
Historisk set blev naturlige farvestoffer som henna og indigo brugt i
århundreder, men moderne hårfarveprodukter kom først på markedet i det 20.
århundrede. I dag har vi en bred vifte af produkter, der kan opfylde enhver
persons behov og præferencer.
TYPER AF HÅRFARVE
Der er flere forskellige typer hårfarve, hver med sine egne unikke egenskaber og
anvendelser. De mest almindelige typer er:
* Permanent hårfarve: Denne type hårfarve trænger ind i hårstråene og ændrer
kemisk hårstrukturen for at opnå en permanent farveændring.
* Semi-permanent hårfarve: Denne type farve indeholder mindre aggressive
kemikalier og farver kun hårets ydre lag, hvilket gør farven aftagelig efter
nogle få vaske.
* Midlertidig hårfarve: Denne type farve er designet til at holde en kort
periode og vaskes normalt ud efter en eller to hårvaske.
PERMANENT HÅRFARVE
Permanent hårfarve er ideel for dem, der ønsker en langvarig farveændring. Denne
type hårfarve indeholder ammoniak og peroxid, som trænger dybt ind i hårstråene
og ændrer hårets naturlige pigment. Fordele ved permanent hårfarve inkluderer:
* Langvarige resultater
* Effektiv dækning af grå hår
* Muligheden for drastiske farveændringer
Imidlertid kan permanent hårfarve være mere skadelig for håret på grund af de
aggressive kemikalier. Det kræver også regelmæssige opdateringer for at dække
udvoksede rødder.
SEMI-PERMANENT HÅRFARVE
Semi-permanent hårfarve er et godt valg for dem, der ønsker en mindre
forpligtende farveændring. Denne type hårfarve indeholder ikke ammoniak og er
typisk mildere mod håret. Fordele ved semi-permanent hårfarve inkluderer:
* Skånsom mod håret
* Ingen udvoksede rødder
* Naturlige og glansfulde resultater
Semi-permanent hårfarve vaskes gradvist ud over et par uger, hvilket gør det
lettere at skifte farve oftere. Dog er det mindre effektivt til at dække grå hår
og er bedst egnet til at fremhæve den eksisterende hårfarve.
MIDLERTIDIG HÅRFARVE
Midlertidig hårfarve er perfekt til dem, der ønsker at eksperimentere med farver
uden langvarige effekter. Denne type farve lægger sig udenpå hårstråene og
vaskes normalt ud efter en eller to hårvaske. Fordele ved midlertidig hårfarve
inkluderer:
* Ingen skadelige kemikalier
* Nem at anvende og fjerne
* Fantastisk til særlige begivenheder og eksperimenter
Midlertidig hårfarve er dog ikke egnet til dækning af grå hår eller til en varig
farveændring. Det er bedst egnet til sjove, kortvarige farveeksperimenter.
KONKLUSION
Valget af hårfarve afhænger af dine individuelle behov og præferencer. Permanent
hårfarve kan give en dramatisk og langvarig ændring, mens semi-permanent og
midlertidig hårfarve giver dig mulighed for at eksperimentere uden for stor
forpligtelse. Ved at forstå de forskellige typer hårfarve kan du træffe en
informeret beslutning om, hvilken type der bedst passer til dit ønskede resultat
og livsstil.
OVERVEJELSER INDEN HÅRFARVNING
HÅRTYPE OG TILSTAND
Før du begynder at farve dit hår, er det vigtigt at forstå din hårtype og hårets
tilstand. Forskellige hårtyper, såsom tykt, tyndt, krøllet eller glat hår,
reagerer forskelligt på farvningsprocessen. Tyndt hår kan f.eks. være mere
modtageligt for skader fra kemiske farvestoffer, mens tykt hår kan kræve længere
tid for at opnå den ønskede farve.
Det er også afgørende at overveje hårets generelle sundhed. Hår, der allerede er
tørt, skadet eller udsat for gentagne kemiske behandlinger, kan være mere
sårbart over for yderligere skader fra hårfarve. Overvej at bruge dybdeplejende
produkter og give dit hår en pause fra varmebehandling og kemiske behandlinger i
en periode før farvningen.
En tabel kan give en oversigt over hvornår det er bedst at farve forskellige
hårtyper:
Hårtype Bedste praksis Tykt hår Langere behandlingstid, flere farveprodukter
Tyndt hår Kortere behandlingstid, undgå overbehandling Krøllet hår Sørg for at
farven er fugtgivende Glat hår Ensartet påføring, pas på med overlappende
behandlinger
ALLERGITESTS
En ofte overset, men meget vigtig del af hårfarvningsprocessen, er at gennemføre
en allergitest. Det er kritisk for at undgå potentielle allergiske reaktioner på
de kemikalier, der findes i mange hårfarvningsprodukter. Symptomer på allergiske
reaktioner kan omfatte rødme, kløe, hævelse og i alvorlige tilfælde,
anafylaktisk chok.
Her er en simpel metode til at udføre en allergitest:
1. Forbered testområdet: Vælg et lille område af huden, typisk bag øret eller i
albuebøjningen.
2. Påfør produktet: Bland en lille mængde af hårfarveproduktet, som anvist på
pakken, og påfør det på testområdet.
3. Vent: Lad produktet sidde i 24-48 timer for at observere eventuelle
reaktioner.
4. Vurder resultatet: Hvis du oplever nogen form for irritation, skal du
undlade at bruge produktet og konsultere en læge, hvis nødvendigt.
Husk altid at læse og følge instruktionerne på produktets emballage nøje. Hvis
du har følsom hud, kan det være en god idé at konsultere en dermatolog før
hårfarvning.
NATURLIGE KONTRA KEMISKE FARVESTOFFER
En anden vigtig overvejelse inden hårfarvning er valget mellem naturlige og
kemiske farvestoffer. Begge typer har deres fordele og ulemper, som kan påvirke
både dit hårs sundhed og det endelige resultat.
NATURLIGE FARVESTOFFER
Naturlige hårfarvestoffer fremstilles ofte af ingredienser som henna, indigo,
kaffe og te. Disse farvestoffer er generelt blidere mod håret og hovedbunden, da
de ikke indeholder aggressive kemikalier. Derudover kan naturlige farvestoffer
også tilføje næring og fugt til håret.
* Fordele: Mindre risiko for skader og allergiske reaktioner, forbedret
hårsundhed, miljøvenlige.
* Ulemper: Begrænsede farvevalg, muligvis kortere holdbarhed, længere
behandlingstid.
KEMISKE FARVESTOFFER
Kemiske hårfarvestoffer inkluderer permanente, semi-permanente og midlertidige
farvestoffer. Disse produkter er typisk mere effektive til at dække grå hår og
opnå intense farver. Kemiske farvestoffer tilbyder også et bredere spektrum af
farvenuancer og kan give mere forudsigelige resultater.
* Fordele: Bredt udvalg af farver, længere holdbarhed, effektiv til at dække
grå hår.
* Ulemper: Risiko for skader på håret, mulig allergisk reaktion, indeholder
potentielt skadelige kemikalier.
Ved at forstå forskellene mellem naturlige og kemiske farvestoffer kan du træffe
en informeret beslutning, der passer bedst til dine behov og præferencer.
TIPS OG TRICKS TIL HÅRFARVNING
For at opnå det bedste resultat med din hårfarvning er det vigtigt at forstå
både valg af farve, forberedelse af håret og applikationsteknikkerne. Denne
guide vil dække alt, hvad du behøver at vide for at farve dit hår professionelt
derhjemme.
VALG AF DEN RIGTIGE FARVE
Valget af den rigtige hårfarve er fundamentalt for et vellykket resultat. Der er
flere faktorer at overveje:
* Din hudtone: Hårfarver skal komplementere din hudtone. Mørke farver passer
typisk til varme hudtoner, mens lyse farver ofte klæder kolde hudtoner bedre.
* Øjenfarve: Øjenfarven kan også påvirke, hvilken hårfarve der vil se bedst ud.
For eksempel, blå øjne fremhæves ofte med blonde eller askefarvede toner.
* Naturlig hårfarve: Jo større forskel mellem din naturlige hårfarve og den
ønskede farve, desto større er risikoen for skadelig behandling. Overvej en
farve, der er maksimalt to toner lysere eller mørkere end din naturlige
hårfarve.
Hvis du er i tvivl, kan du altid konsultere en hårfarvespecialist eller bruge en
online farvematch-tjeneste.
FORBEREDELSE AF HÅRET
Forberedelse af håret inden farvning er afgørende for at sikre, at farvestoffet
optages jævnt og effektivt. Følg disse trin:
1. Vask og tør håret: Vask håret med en mild shampoo uden balsam 24-48 timer
før farvningen. Dette fjerner produktrester og overskydende olie, men
bevarer nogle naturlige olier, som beskytter hovedbunden mod irriterende
kemikalier.
2. Trim spidserne: Klip eventuelle beskadigede ender af, da disse ofte vil
absorbere farve anderledes og kan resultere i en ujævn farve.
3. Test for allergi: Udfør altid en patch-test 48 timer før påføring af et nyt
hårfarveprodukt for at sikre, at du ikke er allergisk.
APPLIKATIONSTEKNIKKER
Korrekt applikation af hårfarve er vigtig for at opnå et jævnt og professionelt
resultat. Her er nogle tips:
1. Forbered dit udstyr: Hav altid en hårfarvepensel, handsker, gammelt tøj, og
en kam parat.
2. Del håret i sektioner: Opdel håret i fire sektioner ved at lave en
midterskilning og derefter en skilning fra øre til øre. Dette gør det
nemmere at påføre farven jævnt.
3. Påfør farven: Start med at påføre farven på rødderne og arbejd dig ned mod
spidserne. Brug en pensel for præcision omkring hårlinjen og bag ørene.
4. Tid og udvikling: Følg produktets anvisninger nøje med hensyn til
udviklings- og virketid. Undgå overeksponering, da dette kan skade håret.
5. Grundig skylning: Skyl håret grundigt med lunkent vand, indtil vandet løber
klart. Brug en efterbehandlingsbalsam som følger med farvepakken for at
forsegle farven og fugte håret.
Med disse tips og teknikker kan du opnå et smukt, jævnt og langtidsholdbart
resultat. Glem ikke at vedligeholde din hårfarve med farvesikre produkter og
regelmæssige touch-ups for det bedste resultat.
PRISGUIDE
KOSTNAD PER TYPE HÅRFARVE
Når du overvejer at farve dit hår, kan omkostningerne variere markant afhængig
af hvilken type hårfarve, du vælger. Permanent hårfarve er typisk dyrere end
midlertidig eller semi-permanent hårfarve. Her er en oversigt over de
gennemsnitlige omkostninger:
* Permanente hårfarver: Disse farver er designet til at ændre hårfarven helt og
kan koste mellem 100-300 kr. pr. boks, afhængig af mærke og kvalitet.
* Semi-permanente hårfarver: Disse varer typisk op til 6-8 vaske og er ofte
lidt billigere, med priser fra 50-150 kr. pr. boks.
* Midlertidige hårfarver: Disse vaskes ud efter 1-2 vaske og koster normalt
omkring 30-100 kr. pr. boks.
* Naturbaserede hårfarver: Hårfarver lavet af naturlige ingredienser som henna
kan variere i pris fra 50-200 kr.
Ved valg af hårfarve er det vigtigt at overveje, hvor lang tid du ønsker, at
farven skal vare, samt din budgetgrænse. Billigere produkter kan have mindre
holdbarhed og kan kræve hyppigere anvendelse.
PROFESSIONELT VS DIY
En anden væsentlig faktor at overveje, når det kommer til prisen på hårfarvning,
er valget mellem professionelle behandlinger og DIY (gør-det-selv)-løsninger.
Her er en sammenligning af de to muligheder:
PROFESSIONEL HÅRFARVNING
At få dit hår farvet professionelt i en salon kommer med en række fordele,
herunder ekspertise fra erfarne frisører, brug af højkvalitetsprodukter, og ofte
en længerevarende farve. Priserne for professionelle hårfarvninger varierer
afhængig af flere faktorer:
* Enkel farvning: En basic farvning kan koste mellem 500-1500 kr., afhængig af
salonen og stylisten.
* Komplekse farvninger: Teknikker som balayage, ombre eller highlights koster
typisk mellem 1500-3000 kr. eller mere.
* Touch-ups: Vedligeholdelse af rødder kan koste omkring 300-700 kr. pr. gang.
Selvom professionelle behandlinger er dyrere, kan de resultere i en skånsommere
behandling af håret og mere præcise resultater.
DIY-HÅRFARVNING
Gør-det-selv-hårfarvning er en populær mulighed for dem, der ønsker at spare
penge og kan lide at eksperimentere selv. Omkostninger for DIY-produkter er som
nævnt tidligere, langt lavere, men der er også andre overvejelser:
* Omkostninger for DIY-udstyr som handsker, pensler og beskyttelsesmidler kan
tilføje ekstra omkostninger på omkring 50-100 kr.
* Risikoen for fejl som uønskede farveresultater kan føre til yderligere
omkostninger for at rette op på skaderne.
* DIY-produkter er ofte ikke så skånsomme som salonprodukter, hvilket kan
påvirke hårets sundhed.
Ved valg af DIY-løsninger anbefales det at følge instruktionerne nøje og
eventuelt søge vejledning online eller fra erfarne venner for at minimere
risikoen for fejl.
Her er en tabel, der opsummerer sammenligningen:
FaktorerProfessioneltDIYPris500-3000+ kr.30-300
kr.EkspertiseHøjVarierendeProduktskvalitetHøjMiddelResultaterProfessionelleVarierendeRisikofaktorLavMiddel
til højTidLang (med aftaler)Kort til middel
Uanset hvilken mulighed du vælger, er det vigtigt at afveje omkostningerne mod
de potentielle fordele og ulemper for at træffe den bedste beslutning for dig og
dit hår.
VEDLIGEHOLDELSE AF FARVET HÅR
At vedligeholde farvet hår kræver en dedikeret indsats og den rigtige viden om
plejerutiner og produkter. I dette afsnit vil vi gennemgå alt, hvad du behøver
at vide for at forlænge farvens levetid og bevare dit hårs sundhed.
HÅRPLEJERUTINER
En essentiel faktor i vedligeholdelsen af farvet hår er at følge en skånsom og
velplanlagt hårplejerutine. Her er nogle tips til at hjælpe dig med at holde dit
hår smukt og farverigt:
* Reducer vask: Farvet hår har brug for mindre hyppig vask for at forhindre
farveudvaskning. Prøv at begrænse vask til 2-3 gange om ugen.
* Brug lunkent vand: Varmt vand kan åbne hårets skællag, hvilket får farven til
at falme hurtigere. Brug lunkent eller koldt vand for at forsegle farven.
* Skånsom tørring: Undgå at gnide håret med et håndklæde efter vask. Klem
forsigtigt overskydende vand ud og brug et mikrofiberhåndklæde eller en
gammel t-shirt.
* UV-beskyttelse: Solens stråler kan påvirke din hårfarve negativt. Brug
produkter med UV-beskyttelse eller bær en hat, når du er udendørs.
PRODUKTER TIL FARVET HÅR
Valget af produkter kan gøre en stor forskel i, hvor godt din hårfarve holder.
Her er en oversigt over essentielle produkter, der kan hjælpe med at bevare
farven:
* Farvebeskyttende shampoo og balsam: Vælg produkter specielt formuleret til
farvet hår for at undgå udvaskning og for at give håret næring.
* Leave-in conditioners og serummer: Disse produkter kan give ekstra fugt og
beskyttelse mod varmeværktøjer og miljøfaktorer.
* Farveforstærkende behandlinger: Brug månedlige behandlinger for at genoplive
og forlænge din hårfarve. Mange af disse indeholder farvepigmenter, som kan
opfriske din nuværende farve.
* Hårmasker: En dybdegående hårmaske kan hjælpe med at genoprette fugt og
styrke, hvilket ofte går tabt ved hårfarvningsprocessen.
EKSEMPEL PÅ PRODUKTER
Produkt Funktion Anbefalet brug Shampoo til farvet hår Bevarer farven og
forhindrer udvaskning Vask 2-3 gange om ugen Balsam til farvet hår Tilføjer fugt
og beskyttelse Bruges efter hver vask Leave-in conditioner Ekstra beskyttelse
mod skader Dagligt eller efter behov Farvegenoplivende behandling Forlænger og
opfrisker farven 1-2 gange om måneden
Ved at følge disse hårplejerutiner og vælge de rette produkter, kan du sikre, at
din hårfarve forbliver levende og strålende i længere tid. Tøv ikke med at
justere din rutine, så den passer til netop din hårtype og farve, da hver
persons hår kan reagere forskelligt.
ALMINDELIGE FEJL AT UNDGÅ
At farve sit hår kan være en fantastisk måde at ændre sit look på og udtrykke
sin personlighed. Dog kan der let opstå fejl, som kan resultere i uønskede
resultater. I denne sektion dækker vi de mest almindelige fejl og giver tips
til, hvordan du kan undgå dem.
OVERFORARBEJDNING
En af de største fejltagelser, du kan gøre, når du farver dit hår, er
overforarbejdning. Dette sker, når du udsætter dit hår for for mange kemiske
behandlinger på kort tid.
* Hyppige farvninger: Hvis du farver dit hår for ofte, kan dit hår blive
svækket og skørt. Det anbefales at lade mindst 6-8 uger mellem farvninger.
* Flere farvninger på én dag: At skifte hårfarve drastisk på én dag kan være
skadeligt. Vent mindst en uge mellem hver farvebehandling.
* Aggressive produkter: Produkter med høj ammoniak eller andre skrappe
kemikalier kan skade hårstråene og hovedbunden.
For at undgå overforarbejdning, brug skånsomme farveprodukter og følg
instruktionerne nøje. Giv dit hår tid til at komme sig mellem
behandlingssessionerne.
IGNORERING AF ALLERGITESTS
En anden stor fejl er at ignorere allergitests før hårfarvning. Allergiske
reaktioner på hårfarveprodukter kan variere fra milde irriterende symptomer til
alvorlige helbredsproblemer.
1. Foretag altid en patch test: Påfør et lille mængde af farveproduktet på
indersiden af albuen eller bag øret, og vent 24-48 timer for tegn på
irritation.
2. Læs ingredienserne: Kend de kemikalier, du er allergisk overfor, og undgå
produkter, der indeholder disse.
3. Rådfør dig med en professionel: Hvis du har haft allergiske reaktioner før,
konsulter med en frisør eller dermatolog, før du prøver nye produkter.
Det er vigtigt at tage allergitests alvorligt for at sikre din sikkerhed og
komfort under og efter hårfarvning.
FORKERT FARVEVALG
Forkert farvevalg kan føre til skuffelse og yderligere behandlinger for at rette
op på fejlen. Her er hvordan du undgår at vælge den forkerte farve:
* Kend din hudtone: Vælg farver, der komplementerer din naturlige hudtone.
Varme hudtoner ser bedst ud med gyldne eller rødlige nuancer, mens kolde
hudtoner matcher godt med askeagtige eller kølige farver.
* Start med en mindre ændring: Hvis du er usikker på en ny farve, start med en
tone, der kun er en smule lysere eller mørkere end din naturlige hårfarve.
* Brug virtuelle værktøjer: Mange websites og apps tilbyder virtuelle
hårfarvningsværktøjer, der giver dig mulighed for at 'prøve' forskellige
farver, før du forpligter dig.
* Spørg en ekspert: En professionel frisør kan give råd om, hvilke farver der
passer bedst til dig, og hvordan du opnår det ønskede resultat.
Ved at tage dig tid til at vælge den rigtige hårfarve kan du undgå frustration
og spare tid og penge på korrektioner.
Ved at være opmærksom på disse almindelige fejl og følge vores råd, kan du opnå
et smukt og tilfredsstillende resultat med din hårfarvning. Husk, at
forberedelse og forsigtighed altid er nøglen til succesfuld hårfarvning.
AVANCEREDE FARVETEKNIKKER
Når det kommer til hårfarvning, er der mange teknikker, der kan tilføje dybde,
dimension og personlighed til dit look. I denne sektion dykker vi ned i nogle af
de mest populære avancerede hårfarvningsmetoder: Balayage, Ombre, samt
Highlights og Lowlights.
BALAYAGE
Balayage stammer fra det franske ord for 'feje' eller 'pensle' og beskriver en
teknik, hvor farven males på håret i frihånd. Dette skaber en naturlig og
solkysset effekt, der gradvist lysner mod spidserne. Balayage er en favorit
blandt dem, der ønsker en lav vedligeholdelsesstil, da der ikke er en tydelig
udvoksningslinje.
* Fordele: Skønt og naturligt look, lav vedligeholdelse, mindre skade på håret
sammenlignet med fuldstændig hårfarvning.
* Ulemper: Kan være dyrere end traditionelle metoder, især når det udføres af
en erfaren frisør.
For at opnå det bedste resultat med balayage, anbefales det at besøge en
professionel, da teknikken kræver et kunstnerisk blik og præcision.
OMBRE
Ombre er en anden populær teknik, der involverer en gradvis overgang fra en
mørkere rod til lysere spidser. Ombre betyder 'skygge' på fransk, hvilket
afspejles i den gradvise farveovergang.
* Fordele: Skaber en dramatisk effekt, velegnet til dem, der ønsker en markant
ændring. Lav vedligeholdelse i forhold til rodbehandling.
* Ulemper: Hvis det ikke udføres korrekt, kan der opstå en skarp linje mellem
farverne, hvilket kan se unaturligt ud.
Præcis som med balayage, kan det være en god idé at finde en erfaren frisør for
at sikre, at overgangen ser glat og naturlig ud.
HIGHLIGHTS OG LOWLIGHTS
Highlights og lowlights er teknikker, der bruges til at tilføje dimension og
dybde til hårfarven. Highlights tilføjer lysere striber, mens lowlights tilføjer
mørkere striber.
* Fordele: Kan tilpasses enhver hårfarve, skaber en multi-dimensionel effekt,
er med til at fremhæve ansigtstræk.
* Ulemper: Kan kræve hyppigere vedligeholdelse for at undgå tydelige
udvoksninger.
HIGHLIGHTS
Highlights kan udføres med forskellige teknikker såsom folieteknik, hvor håret
pakkes i folie for præcis farveanvendelse, eller cap-teknik, hvor håret trækkes
gennem en hætte med huller, før det farves.
LOWLIGHTS
Lowlights er ideelle til at give håret dybde og struktur. De kan også bruges til
at tone ned for lyst hår eller for at genoprette naturlige toner.
Highlights og lowlights er perfekte til dem, der ønsker at eksperimentere med
farve, uden at ændre hele deres look. Det er dog vigtigt at få teknikkerne
udført korrekt for at opnå et harmonisk resultat.
SAMMENLIGNING
Teknik Effekt Vedligeholdelse Balayage Naturlig, solkysset Lav Ombre Dramatisk,
gradvis Middel Highlights Lysere striber Middel til høj Lowlights Mørkere
striber Middel til høj
Uanset hvilken teknik du vælger, er det vigtigt at overveje din nuværende
hårtilstand, samt den tid og de ressourcer, du er villig til at investere i
vedligeholdelse.
Disse avancerede hårfarveteknikker giver mulighed for skræddersyede resultater
og unikke udtryk, der kan gøre en stor forskel i dit udseende. Rådfør dig med
din frisør for at finde ud af, hvilken teknik der passer bedst til dig og dine
ønsker.
KØBEGUIDE
I denne købeguide vil vi dykke ned i valg af produkter og anmeldelser af
populære hårfarvemærker. Formålet med denne køberguide er at give dig tips til
at vælge de rigtige hårfarveprodukter og anmeldelser af de mest populære mærker
på markedet, så du kan træffe et informeret valg.
VALG AF PRODUKTER
At vælge de rigtige hårfarveprodukter kan være overvældende med det brede
udvalg, der er tilgængeligt i dag. Her er nogle faktorer, du bør overveje, når
du vælger hårfarve:
* Hårtype: Dit hårs struktur og tilstand spiller en stor rolle i, hvilken type
hårfarve du bør vælge. Er dit hår fint, tykt, krøllet eller beskadiget? Vælg
en farve, der er skånsom og passer til din hårtype.
* Hudtone: Din hudtone kan påvirke, hvordan en hårfarve ser ud på dig. Generelt
set passer varme farver til varme hudtoner og kølige farver til kølige
hudtoner.
* Vedligeholdelse: Overvej, hvor ofte du er villig til at vedligeholde din
farve. Permanente farver kræver hyppigere touch-ups, mens semipermanente
farver kan falme gradvist.
* Ingredienser: Læs ingredienslisten omhyggeligt, især hvis du har en følsom
hovedbund eller allergier. Kig efter produkter uden ammoniak og med plejende
ingredienser.
Her er nogle populære typer hårfarveprodukter:
1. Permanente hårfarver: Giver langvarige resultater og dækker grå hår
effektivt. Farvepigmenterne trænger dybt ind i hårstrået og ændrer dets
naturlige farve permanent.
2. Semipermanente hårfarver: Ideelle til dem, der ønsker at eksperimentere med
farver uden langvarig forpligtelse. De vaskes gradvist ud efter 6-12 vaske.
3. Farvetoner: Bruges til at tilføje glans og forstærke den naturlige hårfarve.
De er typisk ammoniakfri og meget skånsomme mod håret.
4. Hårfarvespray: Perfekt til midlertidige ændringer eller at prøve en ny farve
før en permanent farvning. De vaskes ud efter en enkelt vask.
ANMELDELSER AF POPULÆRE MÆRKER
At vælge det rigtige mærke kan gøre en stor forskel på resultatet af din
hårfarvning. Her er anmeldelser af nogle af de mest populære hårfarvemærker på
markedet:
Mærke Fordele Ulemper Wella
* Professionel kvalitet
* Brede farvemuligheder
* Blid og nærende
* Kan være dyrt
* Ikke altid let at finde
L'Oréal
* Let tilgængelig
* Rimelig prissat
* God dækning af grå hår
* Kan tørre håret
* Nogle produkter har stærk lugt
Schwarzkopf
* Langvarige resultater
* Plejende ingredienser
* Bredt udvalg af farver
* Kan være svært at anvende selv
* Nogle farver kan virke mørkere end forventet
Udover de nævnte mærker er der også andre populære mærker som Garnier, Clairol
og Revlon, som også tilbyder kvalitetsprodukter. Det vigtigste er at finde et
mærke, der passer til dine individuelle behov og præferencer.
Husk altid at lave en allergitest 48 timer før brug, uanset hvilket produkt du
vælger, for at sikre at du ikke reagerer negativt på ingredienserne.
Ved at følge denne guide og læse anmeldelser kan du finde den hårfarve, der
passer bedst til dig og dine behov. Held og lykke med din hårfarvningsrejse!
FORDELENE VED HÅRFARVE
At farve sit hår er mere end blot en kosmetisk forandring. Det kan være en
transformativ oplevelse, der giver både æstetiske forbedringer og muligheden for
at udtrykke ens personlige stil. I denne sektion vil vi dykke ned i fordelene
ved hårfarve, opdelt i følgende underemner: Æstetiske forbedringer og Udtryk af
personlig stil.
ÆSTETISKE FORBEDRINGER
En af de mest åbenlyse fordele ved at farve håret er de æstetiske forbedringer
det kan bringe. Hårfarve kan gøre en verden til forskel for dit udseende. Her er
nogle af de æstetiske fordele, du kan opnå ved at vælge den rigtige hårfarve:
* Forbedret hudtone: En hårfarve der komplementerer din hudtone kan få din hud
til at se klarere og mere ungdommelig ud.
* Sammensætning af ansigtstræk: Rette hårfarve kan fremhæve dine ansigtstræk,
såsom øjne og kindben, hvilket giver et mere harmonisk og tiltalende
udseende.
* Volumen og tekstur: Specifikke farveteknikker som highlights eller lowlights
kan give indtryk af mere volumen og tekstur i håret, hvilket er ideelt for
dem med fint eller tyndt hår.
* Dække grå hår: Hårfarve er en effektiv metode til at dække grå hår, hvilket
kan få dig til at se yngre ud og øge din selvtillid.
Disse æstetiske forbedringer kan markant forbedre ikke blot dit udseende, men
også din selvtillid og dit velvære.
UDTRYK AF PERSONLIG STIL
Hårfarvning er en effektiv måde at udtrykke sin personlige stil på. Hårfarve kan
bruges som et statement, en måde at skille sig ud på, eller blot at følge de
nyeste trends. Her er nogle måder, hvorpå hårfarve kan hjælpe dig med at
fremhæve din unikke stil:
1. Trendy farver: Fra pasteller til neonfarver, kan du vælge at følge de nyeste
modefænomener og skille dig ud i mængden.
2. Klassiske toner: For dem der foretrækker et tidløst look, tilbyder klassiske
hårfarver som blonds, brunetter og sortes elegante og sofistikerede udtryk.
3. Kreative mønstre: Farvningsteknikker som balayage, ombre, og dip-dye
tillader mere kreative og unikke mønstre, der kan tilføje et personligt
præg.
4. Kulturinspirerede farver: Hårfarver kan også være inspireret af kulturelle
eller subkulturelle bevægelser, og giver individer mulighed for at vise
deres tilhørsforhold og identitet.
Ved at vælge en farve, der afspejler din personlighed, kan du skabe et udtryk,
der er både stilfuldt og meningsfuldt. Dette kan åbenbart påvirke, hvordan andre
ser dig og hvordan du ser dig selv. Hårfarve kan også være en måde at fejre
skelsættende begivenheder i livet, som en form for selvidentifikation.
Samlet set giver hårfarvning mange forskellige måder at forbedre dit udseende og
udtrykke din personlige stil. Det er en alsidig skønhedsbehandling, der kan
tilpasses dine individuelle behov og ønsker, hvilket gør det til et populært
valg blandt folk i alle aldre og livsstile.
ULEMPER VED HÅRFARVE
HÅRSKADER
At ændre ens hårfarve kan være en spændende måde at forvandle sit look på. Men
der er visse risici forbundet med hårfarvning, især når det kommer til
hårskader. Permanent hårfarve indeholder ofte kemikalier som ammoniak og
peroxid, der kan skade hårstråene ved at fjerne deres naturlige fugtighed. Dette
kan føre til tørhed, knækket hår og i værste fald hårtab.
Desuden, gentagen farvning og afblegning kan forværre skaderne, da hver
behandling belaster håret yderligere. Skaderne kan variere fra mild slitage til
alvorlige strukturelle skader, hvilket gør håret svagt og skrøbeligt.
Selv semipermanent hårfarve, som er mindre skadelig end permanent farve, kan
have en negativ effekt på håret, især hvis det bruges ofte. Det er vigtigt at
forstå, at selvom hårfarve kan opnået smukke resultater, kan det også
kompromittere hårets sundhed.
VEDLIGEHOLDELSE
Farvet hår kræver betydelig vedligeholdelse for at bevare dets udseende og
sundhed. Vask og pleje af farvet hår kan være krævende, da det er nødvendigt at
bruge specielle produkter designet til farvet hår. Disse produkter indeholder
farvebeskyttende ingredienser, som hjælper med at forhindre, at farven falmer
hurtigt.
For at bevare farven kan det være nødvendigt med regelmæssige besøg hos frisøren
for touch-ups. Afhængig af typen af farve anvendt kan touch-ups være nødvendige
hver 4-6 uge, især hvis du har valgt en farve, der er meget forskellig fra din
naturlige hårfarve. Signifikant vedligeholdelse er nødvendig for at undgå synlig
udgroning og uønsket farveændring.
Oveni skal der tages højde for ekstra pleje, såsom intens fugtgivende
behandlinger for at modvirke tørhed og skader forårsaget af farvningsprocessen.
Dette kan indebære ugentlige dybdebehandlinger og brug af leave-in conditioners.
OMKOSTNINGER
Hårfarvning kan være en bekostelig affære, især når man tager højde for de
løbende udgifter til vedligeholdelse og pleje. Priserne varierer afhængigt af
farvningens omfang, den anvendte metode og valg af salon. Her er en oversigt
over nogle af de potentielle omkostninger:
* Salonbehandlinger: Professionelle farvebehandlinger kan koste alt fra et par
hundrede kroner til flere tusinde kroner, afhængig af kompleksiteten og
længden på håret.
* Efterbehandlinger: Regelmæssige touch-ups for at opretholde farven kan også
løbe op i betydelige beløb over tid. Det kan være nødvendigt hver 4-6 uge.
* Produkter: Kendes du ikke allerede til de nødvendige produkter til farvet
hår, skal du investere i shampoo, balsam og behandlinger designet til farvet
hår, som typisk er dyrere end almindelige hårplejeprodukter.
* Ekstra pleje: Intensive fugtgivende eller proteinbehandlinger for at reparere
og vedligeholde hårets sundhed efter farvning. Dette kan inkludere både
kommercielt tilgængelige produkter og salonbehandlinger.
Så selvom hårfarvning kan give en fantastisk æstetisk forandring, kan det også
føre til uforudsete økonomiske omkostninger. Det er vigtigt at tage alle disse
faktorer i betragtning, inden man beslutter sig for at farve sit hår.
NATURLIGE FARVESTOFFER
Naturlige farvestoffer er blevet en populær erstatning for traditionelle kemiske
hårprodukter på grund af deres mindre skadelige virkninger og miljøvenlige
karakter. Disse farvestoffer kan fremstilles af planter, grøntsager og andre
naturlige ingredienser, hvilket gør dem til et sundere valg for både hår og
hovedbund.
Henna er et af de mest kendte naturlige farvestoffer. Det kommer fra Lawsonia
inermis-planten og giver håret en rødlig farve. Afhængig af den oprindelige
hårfarve kan henna skabe nuancer fra lys kobber til dyb mahogni.
Indigo er en anden populær naturlig farve, som ofte bruges sammen med henna for
at opnå mørkere toner. Ved at kombinere disse to kan man skabe farver fra brune
til sorte nuancer.
Andre naturlige farvestoffer inkluderer:
* Kamillete - Ideel til at lysne blondt hår og tilføje gyldne toner.
* Sorte valnødder - Bruger til at mørkne håret og tilføje dybde til brune
nuancer.
* Rødbeder - Tilføjer en midlertidig rødpigment, hvilket giver håret en levende
rød farve.
Disse naturlige farvestoffer er ikke blot mildere for håret men også rige på
næringsstoffer, hvilket sikrer en sund og skinnende hårlok.
HÅRKRIDT
Hårkridt er et enkelt og sjovt alternativ til permanent hårfarve, der tilbyder
en midlertidig mulighed for at eksperimentere med farver. Disse farvekridt kan
let vaskes ud med shampoo, hvilket gør dem ideelle til specielle events eller
bare en enkelt dag eller to.
Brugen af hårkridt er meget enkel:
1. Start med rent, tørt hår.
2. Vælg den ønskede farve kridt og fugt en lille del af håret.
3. Drej kridtet forsigtigt rundt om hårstrået, mens du påfører farven.
4. Lad håret tørre naturligt eller brug en føntørrer for at fremskynde
processen.
5. For længere holdbarhed, kan du bruge en let hårspray.
Hårkridt tilbyder en hurtig metode til at tilføje pop af farver som grøn, blå,
pink, lilla og mange flere, uden at binde sig til en permanent ændring. Vær dog
opmærksom på, at meget mørkt hår kan kræve en kraftigere påføring for at få
farven til at skinne igennem.
EXTENSIONS
Extensions er en glimrende måde at tilføje længde, volumen og farve til dit hår
uden kemiske behandlinger. Der findes flere typer extensions, og hver type
tilbyder forskellige fordele afhængigt af dine behov:
Clip-in extensions er en populær løsning for dem, der ønsker midlertidige
ændringer. Disse kan let sættes i og tages ud uden professionel hjælp.
* Nem at installere og fjerne.
* Ingen skadelige kemikalier bruges.
* Tilbyder forskellige længder og farver.
Tape-in extensions er et semi-permanent valg, som kan vare op til 6-8 uger.
Disse er diskrete og skaber et naturligt udseende.
* Kan placeres tættere på hovedbunden for et naturligt look.
* Genanvendelige med korrekt vedligeholdelse.
* Kræver professionel påføring og fjernelse.
Med extensions kan du nemt skifte mellem forskellige farver og stilarter uden
risikoen for skader fra farvning. Dog er det vigtigt at vedligeholde dem korrekt
for at sikre maksimal levetid og undgå skader på dit naturlige hår.
Ved at vælge alternativer til traditionel hårfarvning som naturlige
farvestoffer, hårkridt, og extensions, kan du opnå ønskede hårfarveresultater
uden at eksponere dit hår for potentielt skadelige kemikalier. Uanset om du
ønsker en kortsigtet forandring eller en mere varig løsning, er der mange
muligheder, der kan tilpasses dine behov og stil.
GUIDE TIL BRUG AF HÅRFARVE
I denne sektion vil vi dykke ned i, hvordan man korrekt anvender hårfarve, med
detaljerede trin-for-trin instruktioner og vigtige sikkerhedstips for at undgå
skader. Uanset om du er nybegynder eller erfaren, vil denne guide hjælpe dig med
at opnå de bedste resultater og sikre en sikker anvendelse af
hårfarvningsprodukter.
TRIN-FOR-TRIN VEJLEDNING
1. Forberedelse: Før du begynder at påføre hårfarve, skal du sørge for at have
alt nødvendigt udstyr klar:
* Engangshandsker
* En farvepensel
* En skål til at blande farven
* Gamle håndklæder
* En kam
Læs også vejledningen på produktets emballage grundigt.
2. Bland hårfarven: Følg instruktionerne nøje for at blande hårfarve og
udvikler i den rigtige ratio. Brug den medfølgende skål og pensel til at
blande komponenterne grundigt.
3. Test en lille del af håret: For at sikre, at du ikke har en allergisk
reaktion, påfør en lille mængde blanding på en skjult del af håret og vent
den anbefalede tid.
4. Anvendelse af hårfarve: Opdel dit hår i sektioner med en kam for at sikre en
jævn påføring. Start med at påføre hårfarven i rødderne og arbejd dig ud mod
spidserne.
* Brug farvepenslen til at sikre en jævn dækning.
* Massér farven forsigtigt ind i håret for at fordele den jævnt.
* Sørg for at dække alle dele af håret grundigt.
5. Ventetid: Lad hårfarven virke i den tid, der er angivet i vejledningen. Brug
et gammelt håndklæde over skuldrene for at beskytte tøjet mod farvepletter.
6. Skylning af hårfarve: Skyl dit hår grundigt med lunkent vand, indtil vandet
er klart. Brug den medfølgende balsam for at låse farven ind og give håret
fugt.
7. Styling: Efter skylning og konditionering, tør og style dit hår som
sædvanligt. Nyd dit nye look!
SIKKERHEDSTIPS
For at undgå skader og opnå det bedste resultat, følg disse sikkerhedstips nøje:
* Allergitest: Udfør altid en allergitest 48 timer før farvning for at sikre,
at du ikke får en allergisk reaktion.
* Beskyt huden: Påfør en tyk balm- eller vaselincreme langs din hårgrænse og på
ørerne for at forhindre farvepletter på huden.
* Brug beskyttelseshandsker: Brug altid de medfølgende handsker for at beskytte
dine hænder mod farvestoffet.
* God ventilation: Sørg for, at rummet er godt ventileret, når du arbejder med
hårfarve, da dampene kan være skadelige.
* Undgå øjenkontakt: Undgå direkte kontakt med øjnene. Hvis farve kommer i
øjnene, skyl straks med rigeligt vand og søg lægehjælp.
* Følg instruktionerne: Læs og følg altid producentens instruktioner nøje for
at undgå fejl og sikre et godt resultat.
* For børn og kæledyr: Hold hårfarvningsprodukter ude af rækkevidde for børn og
kæledyr for at undgå uheld.
Ved at følge denne trin-for-trin vejledning og sikkerhedstips kan du opnå en
smuk og holdbar hårfarve uden at risikere skader. Husk at altid læse emballagens
instruktioner og tilpasse fremgangsmåden til netop det produkt, du bruger.
Hårfarve.dk
Denne side benytter cookies
For at sikre en god brugeroplevelse bruger vi cookies på Hårfarve.dk. De gør det
muligt for os at tilbyde en mere personlig og effektiv service baseret på dine
interaktioner.
Når du bruger denne hjemmeside, accepterer du vores brug af cookies. Læs mere
om, hvordan vi behandler dine oplysninger, i vores privatlivspolitik.
Accepter Bloker brug af cookies
Privatlivspolitik
FIND DET DU MANGLER PÅ HÅRFARVE.DK
Vi hjælper dig med at finde de bedste produkter til de bedste priser. Vi har
samlet mere end 519 produkter fra mere end 32 forhandlere, så du nemt kan finde
det du leder efter. Vi har også samlet mere end 1.372 priser, så du kan
sammenligne priser og finde det bedste tilbud. Alle priser er senest opdateret
2024-10-11 09:12:10.
519 Produkter
32 Forhandlere
1.372 Priser
Vi tager forbehold for fejl og mangler i priser og produktinformation. Alle
priser er inkl. moms og ekskl. fragt.
KONTAKT HÅRFARVE.DK
Har du spørgsmål eller kommentarer til indholdet på Hårfarve.dk?
Send din besked til vores centralmail bggd@bggd.dk, og så vender vi tilbage
hurtigst muligt.
UDGIVER
BGGD Digital ApS - CVR: 34482853
Dalgas Boulevard 48 - 2000 Frederiksberg
Danmark
OBS:Henvendelse på adressen ikke muligt. Post mærkes "Att: Hårfarve.dk"
MENU
* Forside
* Privatlivspolitik
--------------------------------------------------------------------------------
© 2024 Hårfarve.dk. Alle rettigheder forbeholdes