Nola sortu dezaket kolore-paleta bat marka-kolore bakar batetik?

Sartu hex kode bat, teal bezalako kolore-izen bat edo rgb() zein hsl() balio bat Oinarri-kolorea eremuan eta sakatu Sartu. Ondoren, aukeratu mota bat, hala nola Marka-paleta, Osagarria, Triadikoa edo Monokromatikoa, eta egin klik lagin batean kopiatzeko.

Zer esportazio-formatu onartzen ditu paleta-sortzaileak?

Koloreak hex, rgb, hsl edo oklch formatuetan kopia ditzakezu, eta fitxategi hauek esportatu: CSS, SCSS, JSON, Tailwind 50-950 eskala, PNG, SVG, GIMP/Krita GPL, Adobe ASE edo Photoshop ACO. Ikusten dituzun aukerak Esportatu kontrollen araberakoak dira.

Nola mantendu ditzaket kolore batzuk gainerakoak berriro nahasten ditudan bitartean?

Egin klik Blokeatu kolore hau mantendu nahi dituzun laginetan, eta ondoren sakatu Nahastu. Blokeatutako koloreak mantendu egingo dira, eta besteak aldatu. Editatu kolore hau ere erabil dezakezu lagin bakar bat aldatzeko; horrek editatu gisa markatuko du paleta.

Partekatu al dezaket nire paleta edo hautatu kolore bat pantailatik?

«Partekatu emaitza» aukerak oinarrizko kolorea, mota eta aldaketak jasotzen dituen esteka bat sortzen du, irekitzen duen orok paleta bera ikus dezan. Telefonoan partekatzeko orria irekitzen du; ordenagailuan esteka kopiatzen du. «Hautatu pantailatik» aukerak nabigatzailearen tantagailua (EyeDropper) erabiltzen du, hori onartzen duten nabigatzaileetan soilik eskaintzen dena, batez ere Chromium oinarritukoetan.

Bai. Tresna guztiak doakoak dira, konturik gabe eta kreditu-txartelik gabe. Lanak zure gailuan egiten dira gure zerbitzarietan egin beharrean, eta horri esker mantentzen da doakoa.

Mugikorrean funtzionatzen al du?

Bai. iOS eta Android-eko mugikorretako oraingo nabigatzaileetan funtzionatzen du, ezer instalatu gabe.

🎨

Kolore Paleta Sortzailea doan

Q: Nola egiazta dezaket nire paletako koloreak zuriaren edo beltzaren gainean irakurgarriak diren?

Kolore bakoitzak Zuriaren gainean eta Beltzaren gainean etiketak erakusten ditu WCAG mailekin: AAA, AA, AA handia edo Ez da betetzen. Testuaren eta atzeko planoaren egiaztapena atalak testu- eta atzeko plano-kolore jakin bat hautatzeko aukera ere ematen dizu, bikote zehatz bat probatzeko.

Sortu osagarri, analogiko, triadiko eta monokromatiko kolore-paleta edozein oinarri-koloretik. Kopiatu hex kodeak klik batean.

Nabigatzailean exekutatzen daEz erregistrorik, ez leihatila gainerakorikEz da saioa hasi beharBetiko doan

Linez kanpo funtzionatzen du behin kargatuta

Oinarri-kolorea

Idatzi hex kode bat, kolore-izen bat (teal edo tomato) edo rgb(20, 184, 166) / hsl(174, 80%, 40%), eta sakatu Sartu.

Marka-paleta · 7 kolore

Kopiatzeko formatua

Esportatu:Hex etiketak PNG/SVG irudian

Oinarria

Zuriaren gainean 2,5Ez da betetzen

Beltzaren gainean 8,4AAA

Azentua

Zuriaren gainean 2,9Ez da betetzen

Beltzaren gainean 7,2AAA

Ñabardura argia

Zuriaren gainean 1,1Ez da betetzen

Beltzaren gainean 19,4AAA

Tonu iluna

Zuriaren gainean 9,0AAA

Beltzaren gainean 2,3Ez da betetzen

Neutro argia

Zuriaren gainean 1,1Ez da betetzen

Beltzaren gainean 19,3AAA

Neutro ertaina

Zuriaren gainean 4,1AA handia

Beltzaren gainean 5,1AA

Neutro iluna

Zuriaren gainean 16,1AAA

Beltzaren gainean 1,3Ez da betetzen

Testuaren eta atzeko planoaren egiaztapena

Testuaren koloreaAtzeko planoa

Izenburu handiaren lagina

Bikote honen gorputz-testuaren lagina

8,44:1Testu arrunta AAATestu handia AAA

Probatu hauek

Argazki bateko koloreak nahi dituzu? Erabili irudi-koloreen erauzlea

Ohiko erabilerak

Sortu Barne Paletteak Web DiseinuaSortu harmonia kolore eskemak webguneak, web aplikazioak eta UI osagaientzat.
Sortu Marka Barne PaletteakGaratu osoko marka kolore sistema marka kolore batetik - lehena, bigarrena, azentu eta neutroa.
Sortu Barne Paletteak Arte eta IrudiaSortu harmonia kolore konbinazio digital artea, irudia eta sortzaile proiektuak.
Sortu Kolore Estiloak FigmarakoSortu kolore paletteak Figma Kolore Estilo eta diseinu token oarriak.
Sortu Dark Mode Barne PaletteakSortu argia eta ilun aldaerak zure kolore palette dark mode laguntza eraikuntza.

Nola Funtzionatzen Du

Tresna kanpo liburutegi gabe eraikita dago — kolore-matematika guztia eskuz idatzitako JavaScript da zuzenean zure nabigatzailean. Zure hautatutako kolorea hamaseitar eta HSL artean bihurtzen du, gero kolore-teoriaren armonia-arau klasikoak (osagarria, triadikoa, analogoa, e.a.) aplikatzen ditu tonu-gurpileko aritmetika bidez paleta bakoitza sortzeko.

1
Hamaseitarretik HSLra bihurketa
Kolore bat aukeratzen duzunean, tresnak hamaseitarreko katea RGB osagaietan analizatzen du eta HSLra (tonua, saturazioa, argitasuna) bihurtzen ditu. Tonua kolore-gurpileko 0–360 graduko posizioa da; paletaren matematika guztia espazio horretan gertatzen da.
2
Tonu-aritmetika armoniarako
Paleta-mota bakoitza oinarrizko tonuari aplikatutako biraketa-formula finko bat da. Osagarriak 180° gehitzen ditu, triadikoak 120° eta 240°, tetradikoak 90eko urratsak egiten ditu, osagarri zatituak 150° eta 210° erabiltzen ditu. Monokromatikoak eta itzalek tonua eta saturazioa konstante mantentzen dituzte argitasuna gora eta behera urratsez urrats aldatuz.
3
HSLtik hamaseitarrera irteera
HSL hirukote kalkulatu bakoitza berriro hamaseitarreko kolore bihurtzen da kroma-formula estandarra erabiliz. Emaitzek kolore-zerrenda gisa bistaratzen dute etiketa auto-kontrastatuekin (testu iluna kolore-lagin argietan, testu argia ilunetan) luminantzia-atalase sinple batek zehazten duena.
4
Esportatu zure gogoko formatuan
Paleta hamaseitar kate gisa kopiatu daiteke edo CSS aldagai-fitxategi gisa esportatu (:root { --color-1: … }), SCSS aldagaiak, Tailwind konfigurazio-zati bat, JSON objektu bat, edo kolore-zerrenda PNG bat. PNG esportazioak nabigatzailearen Canvas APIa erabiltzen du (toDataURL) kolore-lagin bakoitza bere hamaseitarreko etiketarekin marrazteko — dena lokalki sortzen da klik batekin.

Erlazionatutako tresnak

🎨

Ausazko koloreen sortzailea

Sortu ausazko koloreak banan-banan edo bost koloreko paleta gisa, blokeatu gustatzen zaizkizunak, kopiatu HEX, RGB edo HSL balioak eta esportatu paleta PNG edo CSS gisa.

Probatu

🎨