Olùpàdé Àwọ̀ àti Olùṣẹ̀dá Palette Ọ̀fẹ́
Yan àwọn àwọ̀, yí padà láàárín HEX/RGB/HSL, tí o sì ṣẹ̀dá àwọn palette tó báramu.
RGB
HSL
Àwọn fọ́ọ̀mátì míì
Ìyàtọ̀ WCAG
Àwọ̀ tó ní orúkọ tó sún mọ́ jù: dodgerblue · Ọ̀rọ̀ dúdú rọrùn láti kà níbí (5.71:1)
Àwọn ìjìnlẹ̀ àti ìmọ́lẹ̀ àwọ̀ (50–950)
Palette àwọ̀
Aṣèfikún
Onígunmẹ́ta
Ìbáradọ́gba
Àwọ̀ kan ṣoṣo
Àwọn lílò tó wọ́pọ̀
- Color Picker for Web DesignPick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.
- Color Picker for BrandingBuild your brand colour palette — pick primary, secondary, and accent colours that work together.
- Color Picker for Social MediaCreate eye-catching colour palettes for social media posts, stories, and profile designs.
- Color Picker for Print DesignPick colours for printed materials — flyers, business cards, brochures — with accurate colour previews.
- Color Picker for PresentationsDesign slide colour schemes — pick readable text colours, chart palettes, and consistent accent shades.
Bí Ó Ṣe Ń Ṣiṣẹ́
Ohun gbogbo ń ṣiṣẹ́ tààrà nínú aṣàwákiri rẹ pẹ̀lú ìṣírò ìyípadà tí a fi ọwọ́ kọ — kò sí ìwé-ìṣirò àwọ̀, kò sí ìrìnrìn sáfà. O yan àwọ̀ kan nípasẹ̀ ìbáwọlé àwọ̀ abínibí aṣàwákiri tàbí API EyeDropper, irinṣẹ́ náà sì ń yí i padà lẹ́sẹ̀kẹsẹ̀ sí ìrísí mẹ́fà nígbà tí ó tún ń ṣírò àwọn ìdíwọ̀n ìyàtọ̀ WCAG tí ó sì ń ṣẹ̀dá àwò̩n-àwọ̀ ìbámu.
- 1Ìbáwọlé àwọ̀ nípasẹ̀ API abínibíO yan àwọ̀ kan nípasẹ̀ <input type="color"> tí a kọ́ sínú aṣàwákiri, tàbí — nínú àwọn aṣàwákiri tí ó gbé ka Chromium — API EyeDropper ń jẹ́ kí o mú pixel èyíkéyìí lórí ìfihàn rẹ. Àwọn ọ̀nà méjèèjì ń dá ọ̀wọ́ ọ̀rọ̀ hex kan padà tí ó di orísun òtítọ́ kan ṣoṣo.
- 2Àwọn ìyípadà ìrísí tí a fi ọwọ́ kọIrinṣẹ́ náà ń yí iye hex padà sí RGB, HSL, HSV, CMYK, àti OKLCH ní lílo àwọn iṣẹ́ ìṣírò tirẹ̀ (láìsí ìwé-ìṣirò ìta). Ìyípadà OKLCH ń ṣe linearize àwọn ọ̀nà sRGB, ó ń fi matrix idì-mẹ́ta OKLab sílo, kí ó sì mú chroma àti igun hue jáde — tí ó bára mu ìtọjade CSS Color Level 4 òde òní.
- 3Ìṣírò ìdíwọ̀n ìyàtọ̀ WCAGA ń ṣírò luminance ìbátan láti àwọn ọ̀nà RGB tí a ṣe linearize ní lílo fọ́rmúlà WCAG 2.x. Irinṣẹ́ náà sì ń ṣírò àwọn ìdíwọ̀n ìyàtọ̀ lòdì sí funfun pípé àti dúdú pípé, ó sì ń fi àmì AA-ńlá, AA, AAA, tàbí Kùnà sí wọn gẹ́gẹ́ bí ààlà WCAG (3:1, 4.5:1, 7:1).
- 4Ìṣẹ̀dá àwò̩n-àwọ̀ ìbámu àti ìpamọ́ ládùúgbòA ń mú àwọn swatch complementary, triadic, analogous, àti monochromatic jáde nípa yíyí tàbí gbígbé hue àti fífúyẹ́ HSL ní ìṣírò. A ń kọ àwọn àwò̩n-àwọ̀ tí a fi pamọ́ sí localStorage nínú aṣàwákiri rẹ — kò sí ohunkóhun tí ó kúrò lára ẹ̀rọ rẹ.
Àwọn Irinṣẹ Tó Jọra
Olùṣẹ̀dá Àwọ̀ Àìròtẹ́lẹ̀
Ṣẹ̀dá àwọn àwọ̀ àìròtẹ́lẹ̀ ọ̀kọ̀ọ̀kan tàbí gẹ́gẹ́ bí pálẹ́ẹ̀tì márùn-ún, tì àwọn tí o fẹ́ràn, ṣe ẹ̀dà àwọn iye HEX, RGB tàbí HSL, kí o sì gbé pálẹ́ẹ̀tì jáde bí PNG tàbí CSS.
Olùyí Àwọ̀
Yí àwọn àwọ̀ padà láàrin HEX, RGB, HSL, HSV, àti CMYK kíákíá. Ó ní ìwọ̀n ìmọ́lẹ̀ àti àwọn àpẹẹrẹ àwọ̀ tí a ti dá sílẹ̀.
Olùyọ Àwọ̀-Àkójọpọ̀ Àwòrán
Yọ àwọn àwọ̀ tí ó pọ̀ jù láti àwòrán kankan pẹ̀lú ìṣẹ̀dá-àkójọpọ̀ àwọ̀ k-means. Gba àwọn kóòdù hex fún àwọn àwọ̀ 2-16 tí ó ga jù nínú fọ́tò tàbí àmì-ẹ̀rọ rẹ.