Conas a shonraíonn tú dathanna i CSS?

Question

Accepted Answer

Soláthraíonn CSS roinnt formáidí datha. Táirgeann siad na dathanna céanna — is faoin inléiteacht agus cibé an bhfuil trédhearcacht ag teastáil.

```css
.a { color: red; }                      /* named keyword (~150 of them) */
.b { color: #ff5733; }                  /* hex: #RRGGBB */
.c { color: #ff5733cc; }                /* hex with alpha: #RRGGBBAA */
.d { color: rgb(255 87 51); }           /* red green blue (0–255) */
.e { color: rgb(255 87 51 / 0.8); }     /* with 80% opacity */
.f { color: hsl(9 100% 60%); }          /* hue saturation lightness */
.g { color: hsl(9 100% 60% / 0.5); }    /* HSL with alpha */
```

## Cén fáth is fearr a bhíonn HSL go minic

Cuireann HSL síos ar dhath mar **H**ue (0–360° ar an rothar dathanna), **S**aturation, agus **L**ightness — rud a léiríonn an chaoi ar smaoiníonn daoine ar dhath, rud a dhéanann athruithe intuitive:

```css
:root { --brand-h: 220; }
.primary       { background: hsl(var(--brand-h) 80% 50%); }
.primary-light { background: hsl(var(--brand-h) 80% 70%); } /* just raise lightness */
.primary-dark  { background: hsl(var(--brand-h) 80% 30%); } /* just lower it */
```

Is fánach an rud atá ann dath níos soilse/níos dorcha a ghiniúint — athraigh uimhir amháin. Ag déanamh sin le hex nó rgb, is gá gach channel a athuimhriú.

## Alpha / trédhearcacht

```css
background: rgb(0 0 0 / 0.5); /* 50% transparent black — for overlays */
```

Is é an t-ainm a thugtar ar an tsyntacs `/ alpha` (0 = trédhearcach, 1 = opaque) ar dathanna leathdhealraitheacha a dhéanamh, atá úsáideach do ofáil agus scáileanna. (Nóta: fadú `opacity` ar eilimint fadónn sé an eilimint *ar fad*, an páistí san áireamh — fadó dathanna alpha just an dath sin.)

## Formáidí nua-aimseartha

```css
color: oklch(70% 0.15 220); /* perceptually-uniform; better for color systems */
```

## Cén fáth a bhíonn sé tábhachtach

Le bheith ar an eolas ar na formáidí, is féidir leat an uirlis cheart a roghnú: hex/rgb do dathanna aon-turas, **HSL/OKLCH do chórais dheartha** (éasca, athruithe datha intuitive), agus an tsyntacs `/ alpha` ar son trédhearcachta.

A bhuíochas do HSL go háirithe, déantar fálraí datha comhsheasmhach agus téamaithíochta a bhunú i bhfad níos éasca.