Léim go dtí an príomhábhar

Gineadóir Pailéad Dathanna saor in aisce

Gin pailéid dathanna comhlántacha, analógacha, triantánacha, agus monachrómacha ó aon dath bonn. Cóipeáil cóid heics le haon chliceáil.

Oibríonn as líne nuair a lódáiltear é

Clóscríobh cód heics, ainm datha ar nós teal nó tomato, nó rgb(20, 184, 166) / hsl(174, 80%, 40%), ansin brúigh Enter.

Pailéad branda · 7 dathanna
Formáid cóipeála
Easpórtáil:
Bun
Ar bhán 2.5Teip
Ar dhubh 8.4AAA
Aibhsiú
Ar bhán 2.9Teip
Ar dhubh 7.2AAA
Ceint éadrom
Ar bhán 1.1Teip
Ar dhubh 19.4AAA
Scáth dorcha
Ar bhán 9.0AAA
Ar dhubh 2.3Teip
Neodrach éadrom
Ar bhán 1.1Teip
Ar dhubh 19.3AAA
Neodrach meánach
Ar bhán 4.1AA mór
Ar dhubh 5.1AA
Neodrach dorcha
Ar bhán 16.1AAA
Ar dhubh 1.3Teip

Seiceáil téacs agus cúlra

Sampla de cheannteideal mór
Sampla de théacs coirp don phéire seo
8.44:1Téacs gnáth AAATéacs mór AAA
Bain triail as seo

Ag iarraidh dathanna ó ghrianghraf? Úsáid an asbhaint dathanna íomhá

Úsáidí coitianta

  • Gineadh Palettes Dath do Dhearadh GréasáinCruthaigh scéimeanna dath harmonacha do shuíomhanna gréasáin, aip ghréasáin agus comhpháirteanna UI.
  • Cruthaigh Branda Dath PalettesFhorbair córas dath branda iomlán ó dhath branda amháin - bunachar, tánachta, drithaer agus neodrach.
  • Gineadh Palettes Dath do Ealaín agus TírCruthaigh teaglaim dath harmonacha do ealaín dhigiteach, tírdhreach agus tionscadail chruthaitheacha.
  • Gineadh Stílí Dath do FigmaCruthaigh palettes dath le húsáid mar Figma Dath Stílí agus bunachair thóilín dhearaidh.
  • Cruthaigh Dark Mode Dath PalettesGineadh athraonta soilsithe agus dorcha ar do palette dath do thógáil tacaí dark mode.

Conas a Oibríonn sé

Tá an t-uirlis tógtha gan aon leabharlann sheachtrach — ritheann gach uimhríocht datha i JavaScript lámhscríofa go díreach i do bhrabhsálaí. Tiontaíonn sé do dhath roghnaithe idir heics agus HSL, ansin cuireann sé rialacha comhchuibhis clasaiceacha teoiric datha i bhfeidhm (comhlántach, triadach, analógach, etc.) trí uimhríocht ar an roth tuar chun gach pailéad a tháirgeadh.

  1. 1
    Tiontú heics-go-HSL
    Nuair a roghnaíonn tú dath, parsálann an t-uirlis an teaghrán heics i gcomhpháirteanna RGB agus tiontaíonn sé go HSL (tuar, sáithiú, gile) iad. Is é an tuar an suíomh céime 0–360 ar an roth datha; tarlaíonn uimhríocht an phailéid go léir sa spás seo.
  2. 2
    Uimhríocht tuair don chomhchuibheas
    Is foirmle rothlaithe seasta í gach cineál pailéid curtha i bhfeidhm ar an tuar bunaidh. Cuireann Comhlántach 180° leis, cuireann Triadach 120° agus 240° leis, céimníonn Tetradach faoi 90°, úsáideann Comhlántach-scoilte 150° agus 210°. Coinníonn Aonchrómatach agus scáthanna tuar agus sáithiú seasta agus iad ag céimniú gile suas agus síos.
  3. 3
    Aschur HSL-go-heics
    Tiontaítear gach trípléad HSL ríofa ar ais go dath heics ag baint úsáide as an bhfoirmle caighdeánach chroma. Taispeántar na torthaí mar stiall datha le lipéid uath-chodarsnaithe (téacs dorcha ar shamplaí éadroma, téacs éadrom ar cheann dorcha) cinnte ag tairseach soilseachta shimplí.
  4. 4
    Easpórtáil sa fhormáid is fearr leat
    Is féidir an pailéad a chóipeáil mar theaghráin heics nó a easpórtáil mar chomhad athróg CSS (:root { --color-1: … }), athróga SCSS, blúire cumraíochta Tailwind, réad JSON, nó stiall datha PNG. Úsáideann easpórtáil PNG API Canvas an bhrabhsálaí (toDataURL) chun gach sampla a tharraingt lena lipéad heics — gintear gach rud go háitiúil ar chliceáil.

Uirlisí Gaolmhara

Ceisteanna Coitianta