Analogiczny Schemat Kolorów

Free

Obraz

Wygeneruj harmonijną analogiczną paletę kolorów z dowolnego koloru bazowego, bezpośrednio w przeglądarce.

Kolor Bazowy

Liczba Kolorów Krok Kąta

Ostatnia Aktywność

Widoczne dla wszystkich. Ostatnie 20 użyć wśród wszystkich odwiedzających, najpierw najnowsze.

#3498DB -- 5 colores

3 dni temu

#3498DB -- 5 colores

3 dni temu

#3498DB -- 5 kleuren

3 dni temu

#3498DB -- 5 色

4 dni temu

#3498DB -- 5 لون

4 dni temu

#3498DB -- 5 色

5 dni temu

#3498DB -- 5 لون

5 dni temu

#3498DB -- 5 colors

5 dni temu

#3498DB -- 5 种颜色

6 dni temu

#3498DB -- 5 cores

6 dni temu

#3498DB -- 5 Farben

6 dni temu

#3498DB -- 5 색상

6 dni temu

#3498DB -- 5 цветов

6 dni temu

#3498DB -- 5 colori

6 dni temu

#3498DB -- 5 colori

6 dni temu

#3498DB -- кольорів: 5

6 dni temu

#3498DB -- 5 kleuren

6 dni temu

#3498DB -- 5 kolorów

6 dni temu

#3498DB -- 5 цветов

6 dni temu

#3498DB -- 5 kolorów

1 tydzień temu

Komentarze (0)

Uznałeś to narzędzie za przydatne? Zostaw komentarz, podziel się wskazówką, lub powiedz nam, jak możemy je ulepszyć.

Jeszcze brak komentarzy. Bądź pierwszym, który podzieli się swoimi przemyśleniami!

Co robi to narzędzie

To narzędzie generuje analogiczny schemat kolorów z koloru bazowego, bezpośrednio w twojej przeglądarce. Wybierz lub wpisz kolor, wybierz, ile kolorów i jak szeroki powinien być krok kąta, i uzyskaj harmonijną paletę z wartościami HEX, RGB, i HSL dla każdego koloru.

Problemy, które rozwiązuje

Budowanie harmonijnej palety kolorów dla strony internetowej, aplikacji, lub marki z jednego początkowego koloru.
Znajdowanie skoordynowanych kolorów akcentu do ilustracji, prezentacji, lub wizualizacji danych.
Generowanie gotowych do użycia niestandardowych właściwości CSS do systemu projektowego.
Odkrywanie, jak kolor odnosi się do swoich sąsiadów na kole kolorów.

Często zadawane pytania

›Czym jest analogiczny schemat kolorów?

Analogiczny schemat kolorów używa kolorów, które siedzą obok siebie na kole kolorów, zwykle w zakresie 30 do 60 stopni od podstawowego odcienia. Ponieważ odcienie są blisko siebie, te palety odczuwane są jako harmonijne i spójne zamiast wysokokontrastowe.

›Jak jest generowana paleta?

Twój kolor bazowy jest konwertowany na HSL, potem nowe kolory są generowane przez przesuwanie odcienia w górę i w dół o wybrany przez ciebie krok kąta, przy zachowaniu tego samego nasycenia i jasności co kolor bazowy, więc każdy kolor w palecie wydaje się częścią tej samej rodziny.

›Jakiego kroku kąta powinienem użyć?

30 stopni to tradycyjny wybór dla schematów analogicznych i sprawdza się w większości projektów. Użyj 15 stopni dla subtelniejszej, ściślej skupionej palety, lub 45 stopni dla szerszego rozstawu, który zaczyna wprowadzać więcej kontrastu.

›Czy mogę użyć palety bezpośrednio w CSS?

Tak, użyj "Kopiuj jako Zmienne CSS", aby skopiować gotowy do wklejenia blok :root z każdym kolorem jako niestandardową właściwością, lub "Kopiuj jako Listę HEX", aby skopiować tylko kody hex, jeden na linię.

›Czym to różni się od schematu dopełniającego lub triadowego?

Schematy dopełniające parują kolor z jego przeciwieństwem na kole (180 stopni od siebie) dla wysokiego kontrastu, a schematy triadyczne używają trzech kolorów równo rozstawionych 120 stopni od siebie. Schematy analogiczne zamiast tego trzymają wszystkie kolory blisko siebie, faworyzując harmonię nad kontrastem.

Podziel dowolny obraz na strony A4/Letter/A3 do druku, które możesz skleić taśmą w jeden duży plakat, z regulowaną zakładką dla łatwego wyrównania, całkowicie w przeglądarce.