CDRN

Iġġenera palette ta' kuluri armonjuża

  • Dashboard
  • Dokumentazzjoni
  • API
Jiġġenera palettes ta' kuluri armonjużi skont in-numru ta' kuluri mixtieq u r-regola ta' kuluri magħżula, bħal kuluri komplementari, analogi, triadiċi eċċ.

Kif tuża l-għodda tal-ġeneratur tal-paletta tal-kulur?

Speċifika n-numru mixtieq ta' kuluri u r-regola tal-kulur fil-forma. Tista' tuża l-paletti ġġenerati fil-proġetti tiegħek billi ssegwi l-eżempju.

L-ewwel parametru jiddefinixxi l-kulur prinċipali.

It-tieni parametru jiddefinixxi n-numru ta' kuluri. Innota li skont ir-regola magħżula, l-għażla tal-kwantità tista' ma titqiesx.

It-tielet parametru jiddefinixxi r-regola tal-kulur li għandha tintuża (komplimentari, analoga, trijadika, eċċ.).

Eżempji tal-paletta

Paletta Monokromatika

<div class="p-4" style="background-color: #ff5733;"></div>
<div class="p-4" style="background-color: #ffab99;"></div>
<div class="p-4" style="background-color: #ffffff;"></div>

Paletta Analog

<div class="p-4" style="background-color: #ff5733;"></div>
<div class="p-4" style="background-color: #ffbb32;"></div>
<div class="p-4" style="background-color: #dcff32;"></div>

Paletta Trijadika

<div class="p-4" style="background-color: #ff5733;"></div>
<div class="p-4" style="background-color: #32ff54;"></div>
<div class="p-4" style="background-color: #5432ff;"></div>

Mistoqsijiet frekwenti

Liema paletta regola tagħżel għal charter grafiku?

Amonokromatikapaletta tagħti dehra kalma u professjonali, ideali għal siti korporattivi jew editorjali. L-analogijoffru varjazzjoni artab u naturali, utli għall-ambjenti ħodor jew tal-oċean. Ir-regolakomplimentarijewtrijadikatipprovdi kuntrast qawwi, perfett għal CTAs u siti tal-kummerċ elettroniku li jridu jiġbdu l-attenzjoni.

Għaliex in-numru ta' kuluri mitlub mhux dejjem jiġi rispettat?

Xi regoli jimponu numru fiss ta 'kuluri. Palettakomplimentaridejjem jirritorna 2 kuluri (il-lewn u l-oppost tiegħu fuq ir-rota tal-kulur), palettatriadicritorni 3,tetradicritorni 4. Il-parametru tal-kwantità huwa rispettat biss għar-regolimonokromatikuuanalogu.

Il-kalkolu jsir fuq HSL jew RGB?

Il-ġenerazzjoni tiddependi fuq l-ispazju HSL aktar naturali biex timmanipula l-lewn (rotazzjoni fuq ir-rota tal-kulur) u l-luminożità. Il-kuluri rritornati mbagħad jiġu kkonvertiti f'format HEX għal integrazzjoni diretta fis-CSS. Jekk għandek bżonn format RGB, uża l-konvertitur tal-kulur fuq kull kodiċi ġġenerat.

Kif nassoċja l-paletta ġġenerata ma' immaġni eżistenti?

Ibda billi tiġbed il-kulur dominanti mill-immaġni tiegħek permezz tal-estrattur tal-paletta, ħu l-lewn ewlieni bħala kulur ta 'referenza, imbagħad daħħalha fil-ġeneratur b'ħakkiem analogu jew triadic. B'hekk tikseb kuluri konsistenti mal-viżiv tiegħek biex tilbes il-bqija tas-sit.

Il-paletti ġenerati huma aċċessibbli għall-istandards WCAG?

Il-ġeneratur ma jiċċekkjax il-proporzjonijiet tal-kuntrast. Kulur isir aċċessibbli biss fir-rigward ta' kulur ta' sfond ieħor. Biex tivvalida duo test/sfond, esporta l-kodiċi HEX u uża kontrollur tal-kuntrast li jikkalkula l-proporzjon skont ir-rekwiżiti WCAG (4.5:1 għal test normali f'AA, 7:1 f'AAA).

Nistgħu nesportaw il-paletta f'format partikolari?

Il-paletta tiġi rritornata f'kodiċi HEX, lesta biex titwaħħal f'folja CSS, f'fajl ta 'varjabbli SASS, f'tema Tailwind jew f'sistema ta' tokens tad-disinn. Biex tirkupra l-ekwivalenti RGB jew HSL, għaddi kull kodiċi fil-konvertitur tal-kulur.

Eżempju ta' talba

curl -X POST https://cdrn.fr/api/v1/tools/color-generator/execute \
  -H "Content-Type: application/json" \
  -d '{"color_base":"...","quantity":1,"rules":"complementary"}'

Skema ta' input

Kamp Tip Meħtieġ Default
color_base string ✓ –
quantity integer ✓ –
rules choice (complementary, analogous, triadic, tetradic, monochromatic, shade, split_complementary) ✓ –

Endpoints

  • GET https://cdrn.fr/api/v1/tools - telenka l-għodod kollha disponibbli
  • GET https://cdrn.fr/api/v1/tools/color-generator - tikseb l-iskema ta' din l-għodda
  • POST https://cdrn.fr/api/v1/tools/color-generator/execute - teżegwixxi din l-għodda b'payload JSON