Kichagua Rangi: HEX, RGB, HSL na Utofautishaji

Chagua Rangi

HEX

RGB

HSL

OKLCH

CMYK

Kitafuta Class ya Tailwind

Class ya Tailwind iliyo karibu

Kitengeneza Paleti

Paleti Iliyotengenezwa

Kitengeneza Gradient

Rangi ya 1 Rangi ya 2

Msimbo wa CSS

Kikagua Utofautishaji cha WCAG

Rangi ya mbele Mandharinyuma

Maandishi ya mfano

Maandishi makubwa

21:1

Rangi za CSS Zenye Majina

Paleti za Bendera za Afrika

Pakua Paleti

Pakua paleti ya sasa kama vigezo vya CSS au kipande cha mpangilio wa Tailwind.

Miundo ya Rangi

HEX: #RRGGBB (tarakimu 6)

RGB: rgb(R, G, B) thamani 0-255

HSL: hsl(H, S%, L%) hue 0-360, ukolezi na uangavu 0-100%

OKLCH: oklch(L C H) nafasi inayolingana na mtazamo, CSS ya kisasa

CMYK: cmyk(C%, M%, Y%, K%) kwa uchapishaji

Kuhusu Rangi

Rangi zinaweza kuandikwa kwa misimbo ya HEX (#000000 hadi #FFFFFF), thamani tatu za RGB au HSL. Kila mfumo wa rangi una matumizi yake katika ubunifu na uundaji wa programu.

Miongozo ya WCAG

AA Maandishi ya kawaida: 4.5:1 uwiano
AA Maandishi makubwa: 3:1 uwiano
AAA Maandishi ya kawaida: 7:1 uwiano
AAA Maandishi makubwa: 4.5:1 uwiano

Maandishi makubwa ni 18pt au zaidi, au 14pt yaliyo mazito.

Maswali Yanayoulizwa Mara kwa Mara

Tofauti kati ya miundo ya HEX, RGB na HSL ni ipi?

HEX hutumia msimbo wa heksadesimali wenye tarakimu sita kwa nyekundu, kijani na buluu. RGB huonyesha kila njia kwa 0-255. HSL hutumia hue, ukolezi na uangavu, hivyo ni rahisi kurekebisha rangi.

OKLCH ni nini na kwa nini nitumie?

OKLCH ni nafasi ya rangi inayolingana vizuri na mtazamo wa binadamu. Hutumia uangavu, chroma na hue, na hutoa gradient laini na marekebisho yanayotabirika kuliko HSL.

Kikagua utofautishaji cha WCAG hufanyaje kazi?

Hesabu uwiano wa mwangaza kati ya rangi ya mbele na mandharinyuma. WCAG AA huhitaji 4.5:1 kwa maandishi ya kawaida na 3:1 kwa makubwa; AAA huhitaji 7:1 na 4.5:1.

Ninapataje class ya Tailwind CSS iliyo karibu na rangi yangu?

The Kitafuta Class ya Tailwind compares your chosen colour against every colour in the default Tailwind palette by measuring perceptual distance. It returns the closest match (e.g. bg-blue-500) so you can use Tailwind without custom configuration.

CMYK ni nini na inahusianaje na RGB?

CMYK hutumika katika uchapishaji, ilhali RGB hutumika kwa mwanga wa skrini. Ugeuzaji ni makisio kwa sababu nafasi zao za rangi hutofautiana; rangi ya skrini inaweza kutolingana kabisa na chapisho.

Kichagua Rangi na Kigeuzi

Kagua utofautishaji, miundo na matokeo ya CSS kabla ya kutumia

Mambo ya kukagua

Mipaka

Maswali Yanayoulizwa Mara kwa Mara

Zana za Picha Zinazohusiana