Met DevTools kunt u met slechts een paar klikken kleuren schrijven, in plaats van dat u de waarden ervan hoeft te typen.
De volgende DevTools Tips-video toont u de meeste basisfuncties voor kleurontwerp. Sinds de video is uitgebracht, zijn er echter een aantal functies geïmplementeerd en is er één verouderd.
Bekijk de video en lees de bijgewerkte documentatie om te leren hoe u snel kleuren kunt schrijven:
Om het kleurformaatmenu te openen, houdt u Shift ingedrukt en klikt u op het kleurvoorbeeldvak naast een kleurwaarde.
Zoals u in de video ziet, kunt u kleuren bewerken en kopiëren met de Kleurkiezer .
Kies een kleur waar dan ook op het scherm met de Pipet .
Zoals te zien is in de video:
- Wijzig de gradiëntwaarden met de Hoekklok .
- Gebruik aangepaste CSS-variabelen als kleurenpalet.
Gebruik het kleurformaatmenu om HD- en niet-HD-kleuren te converteren in plaats van het formaat te wijzigen met snelkoppelingen naar het opdrachtmenu.
Zoals in de video wordt getoond, krijgt u een overzicht van alle kleuren van uw pagina met het CSS-overzichtspaneel .
Voor meer informatie, zie:
- Inspecteer en debug kleuren met de Kleurkiezer
- CSS-kleurengids met hoge definitie
- CSS-overzicht: Identificeer potentiële CSS-verbeteringen
Met DevTools kunt u met slechts een paar klikken kleuren schrijven, in plaats van dat u de waarden ervan hoeft te typen.
De volgende DevTools Tips-video toont u de meeste basisfuncties voor kleurontwerp. Sinds de video is uitgebracht, zijn er echter een aantal functies geïmplementeerd en is er één verouderd.
Bekijk de video en lees de bijgewerkte documentatie om te leren hoe u snel kleuren kunt schrijven:
Om het kleurformaatmenu te openen, houdt u Shift ingedrukt en klikt u op het kleurvoorbeeldvak naast een kleurwaarde.
Zoals u in de video ziet, kunt u kleuren bewerken en kopiëren met de Kleurkiezer .
Kies een kleur waar dan ook op het scherm met de Pipet .
Zoals te zien is in de video:
- Wijzig de gradiëntwaarden met de Hoekklok .
- Gebruik aangepaste CSS-variabelen als kleurenpalet.
Gebruik het kleurformaatmenu om HD- en niet-HD-kleuren te converteren in plaats van het formaat te wijzigen met snelkoppelingen naar het opdrachtmenu.
Zoals in de video wordt getoond, krijgt u een overzicht van alle kleuren van uw pagina met het CSS-overzichtspaneel .
Voor meer informatie, zie:
- Inspecteer en debug kleuren met de Kleurkiezer
- CSS-kleurengids met hoge definitie
- CSS-overzicht: Identificeer potentiële CSS-verbeteringen
Met DevTools kunt u met slechts een paar klikken kleuren schrijven, in plaats van dat u de waarden ervan hoeft te typen.
De volgende DevTools Tips-video toont u de meeste basisfuncties voor kleurontwerp. Sinds de video is uitgebracht, zijn er echter een aantal functies geïmplementeerd en is er één verouderd.
Bekijk de video en lees de bijgewerkte documentatie om te leren hoe u snel kleuren kunt schrijven:
Om het kleurformaatmenu te openen, houdt u Shift ingedrukt en klikt u op het kleurvoorbeeldvak naast een kleurwaarde.
Zoals u in de video ziet, kunt u kleuren bewerken en kopiëren met de Kleurkiezer .
Kies een kleur waar dan ook op het scherm met de Pipet .
Zoals te zien is in de video:
- Wijzig de gradiëntwaarden met de Hoekklok .
- Gebruik aangepaste CSS-variabelen als kleurenpalet.
Gebruik het kleurformaatmenu om HD- en niet-HD-kleuren te converteren in plaats van het formaat te wijzigen met snelkoppelingen naar het opdrachtmenu.
Zoals in de video wordt getoond, krijgt u een overzicht van alle kleuren van uw pagina met het CSS-overzichtspaneel .
Voor meer informatie, zie: