CDRN

Gin pailéad dathanna comhchuí

  • Deais
  • Doiciméadú
  • API
Gineann pailéid dathanna comhchuí de réir an líon dathanna atá uait agus an riail dathanna a roghnaítear, amhail dathanna comhlántacha, analógacha, tríonóideacha srl.

Conas an uirlis gineadóir pailéad dathanna a úsáid?

Sonraigh an líon dathanna atá uait agus riail na ndathanna san fhoirm. Is féidir leat na pailéid ginte a úsáid i do thionscadail tríd an sampla a leanúint.

Sainmhíníonn an chéad pharaiméadar an príomh-dath.

Sainmhíníonn an dara paraiméadar líon na dathanna. Tabhair faoi deara, ag brath ar an riail a roghnaítear, go mb'fhéidir nach gcuirfí rogha na cainníochta san áireamh.

Sainmhíníonn an tríú paraiméadar an riail datha le húsáid (comhlántach, analógach, triadic, etc.).

Samplaí Pailéad

Pailéad Monacrómatach

<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>

Analógach Pailéad

<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>

Pailéad Triadic

<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>

Ceisteanna coitianta

Cén riail pailéad atá le roghnú do chairt ghrafach?

Tugann pailéad mhonacromatach cuma shocair agus ghairmiúil, atá oiriúnach do shuíomhanna corparáideacha nó eagarthóireachta. Tairgeann na analógacha éagsúlacht bhog, nádúrtha, úsáideach le haghaidh timpeallachtaí glasa nó farraige. Soláthraíonn an riail comhlántach nó triadach codarsnacht láidir, foirfe do CTAanna agus do shuíomhanna ríomhthráchtála ar mian leo aird a tharraingt.

Cén fáth nach bhfuil meas i gcónaí ar an líon dathanna a iarrtar?

Forchuireann roinnt rialacha líon seasta dathanna. Filleann pailéad comhlántach 2 dhath i gcónaí (an lí agus a mhalairt ar an roth datha), filleann pailéad triadach 3, filleann tetradach 4. Ní urramaítear paraiméadar na cainníochta ach amháin do na rialacha mhonacromatacha agus analógacha.

An bhfuil an ríomh déanta ar HSL nó RGB?

Braitheann an ghlúin ar an spás HSL níos nádúrtha chun lí (uainíocht ar an roth datha) agus gile a ionramháil. Ansin déantar na dathanna a cuireadh ar ais a thiontú go formáid HEX chun iad a chomhtháthú go díreach le CSS. Má tá formáid RGB uait, úsáid an tiontaire datha ar gach cód ginte.

Conas is féidir liom an pailéad ginte a nascadh le híomhá atá ann cheana?

Tosaigh tríd an dath ceannasach a bhaint as d’íomhá tríd an eastóscadh pailéad, tóg an príomhlí mar dhath tagartha, ansin cuir isteach sa ghineadóir é le rialóir analógach nó triadach. Mar sin gheobhaidh tú dathanna a bheidh ag teacht le d'amhairc chun an chuid eile den suíomh a ghléasadh.

An bhfuil na pailéid ginte inrochtana do chaighdeáin WCAG?

Ní seiceálann an gineadóir cóimheasa codarsnachta. Ní bhíonn dath inrochtana ach i ndáil le dath cúlra eile. Chun duo téacs/cúlra a bhailíochtú, easpórtáil na cóid HEX agus úsáid seiceálaí codarsnachta a ríomhann an cóimheas de réir riachtanais WCAG (4.5:1 i gcás gnáth-théacs in AA, 7:1 in AAA).

An féidir linn an pailéad a easpórtáil i bhformáid ar leith?

Seoltar an pailéad ar ais i gcód HEX, réidh le greamú isteach i mbileog CSS, i gcomhad athróg SASS, i dtéama Tailwind nó i gcóras dearbhán dearaidh. Chun na coibhéisí RGB nó HSL a fháil, cuir gach cód isteach sa tiontaire datha.

Sampla iarratais

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

Scéimre ionchuir

Réimse Cineál Riachtanach Réamhshocrú
color_base string ✓ –
quantity integer ✓ –
rules choice (complementary, analogous, triadic, tetradic, monochromatic, shade, split_complementary) ✓ –

Críochphointí

  • GET https://cdrn.fr/api/v1/tools - liostaíonn na huirlisí go léir atá ar fáil
  • GET https://cdrn.fr/api/v1/tools/color-generator - faigh scéimre na huirlise seo
  • POST https://cdrn.fr/api/v1/tools/color-generator/execute - rith an uirlis seo le pálasta JSON