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

Roghnóir Datha & Gineadóir Pailéad saor in aisce

Roghnaigh dathanna, tiontaigh idir HEX/RGB/HSL, agus giniúint pailéid chomhchuí.

Oibríonn as líne nuair a lódáiltear é
HEX
HSV
h217°
s76%
v96%
taispeáint amháin

RGB

r
g
b

HSL

H
S
L

Formáidí níos mó

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

Codarsnacht WCAG

An dath ainmnithe is gaire: dodgerblue · Is éasca téacs dubh a léamh anseo (5.71:1)

Téacs ar gheal3.68:1AA mór
Téacs ar dhubh5.71:1AA
Téacs ar #ffffff3.68:1AA mór

Scáthanna & tinteanna (50–950)

Pailéad dathanna

Líonadh

#3b82f6
#f6af3c

Triúch

#3b82f6
#f63c83
#83f63c

Cosúil

#3ce0f6
#3b82f6
#523cf6

Aongheal

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Úsáidí coitianta

  • Dath Picker do Dearadh GréasáinRoghnaigh agus cruthaigh dathanna do do shuíomh gréasáin — faigh luachanna HEX, RGB, agus HSL agus palettes chóimheálach.
  • Dath Picker do BhrandálaTógáil do phalette dhath bhrannd — roghnaigh dathanna príomhúla, dara, agus aicsint a bhí oibriú le chéile.
  • Dath Picker do Sóisialta MeáinCruthaigh palettes dhatha ag bhí súile-gréine do phoist meáin shóisialta, scéalta, agus dhearacha próifíl.
  • Dath Picker do Dhearadh PriontálaRoghnaigh dathanna do ábhair phriontaithe — broadsides, cairt ghnó, bileoga — le réamhbhreathanna datha bheacht.
  • Dath Picker do Chur i LáthairDearadh scéim datha sleamhnán — roghnaigh dathanna téacs inléite, palettes cairt, agus dathanna aicsint seasta.

Conas a Oibríonn sé

Ritheann gach rud go díreach i do bhrabhsálaí ag baint úsáide as uimhríocht tiontaithe lámhscríofa — gan leabharlann datha, gan aistear freastalaí. Roghnaíonn tú dath trí ionchur datha dúchasach an bhrabhsálaí nó an API EyeDropper, agus tiontaíonn an t-uirlis é láithreach ina shé fhormáid agus é ag ríomh cóimheasanna codarsnachta WCAG agus ag giniúint pailéid chomhchuibhis freisin.

  1. 1
    Ionchur datha trí API dúchasach
    Roghnaíonn tú dath tríd an bhfearas ionsuite <input type="color"> an bhrabhsálaí, nó — i mbrabhsálaithe bunaithe ar Chromium — ligeann an API EyeDropper duit aon phicteilín ar do scáileán a shampláil. Tugann an dá chosán teaghrán heics ar ais a éiríonn ina fhoinse fírinne aonair.
  2. 2
    Tiontaithe formáide lámhscríofa
    Tiontaíonn an t-uirlis an luach heics go RGB, HSL, HSV, CMYK, agus OKLCH ag baint úsáide as a fheidhmeanna matamaiticiúla féin (gan leabharlann sheachtrach). Líneáraíonn an tiontú OKLCH na cainéil sRGB, cuireann sé maitrís fréamh-chiúb OKLab i bhfeidhm, ansin díorthaíonn sé chroma agus uillinn tuair — ag teacht le haschur nua-aimseartha CSS Color Level 4.
  3. 3
    Ríomh cóimheasa codarsnachta WCAG
    Ríomhtar soilseacht choibhneasta ó na cainéil RGB líneáraithe ag baint úsáide as foirmle WCAG 2.x. Ríomhann an t-uirlis ansin cóimheasanna codarsnachta i gcoinne bán fíor agus dubh fíor agus lipéadaíonn sé iad AA-mór, AA, AAA, nó Teip de réir na tairseacha WCAG (3:1, 4.5:1, 7:1).
  4. 4
    Giniúint pailéid chomhchuibhis agus sábháil áitiúil
    Díorthaítear samplaí comhlántacha, triadacha, analógacha, agus aonchrómatacha trí luachanna tuair agus gile HSL a rothlú nó a chéimniú go matamaiticiúil. Scríobhtar pailéid shábháilte go localStorage i do bhrabhsálaí — ní fhágann aon rud do ghléas.

Uirlisí Gaolmhara

Ceisteanna Coitianta