Tekoälyn väripalettigeneraattori: toimivat kehotteet

Osaava keskusteluavustaja toimii tekoälyn väripalettigeneraattorina. Kauniin listan ja käytettävän paletin ero on kehotteessa. Pyydä viidestä seitsemään väriä, joille annetaan tehtävä, kuten pohja, teksti, korostus, pinta tai reuna, sekä nimi ja heksakoodi. Kuvaile oikeaa paikkaa tai materiaalia tyylin sijaan. Tarkista sitten jokainen tekstipari kontrastityökalulla, koska avustajat kertovat usein suhteita, joita eivät laskeneet. Alla olevat kehotteet ja tarkistukset vievät noin kymmenen minuuttia.

Miksi yleiset palettikehotteet tuottavat yleisiä paletteja

”Anna moderni pastellipaletti” pyytää mallilta tavallisinta vastausta hyvin yleiseen pyyntöön. Saat samat mintun, puuteripinkin ja lilan kuin ilmaistyökaluista. Kaksi muutosta auttaa: anna väreille tehtävät ja avustajalle jotakin täsmällistä kuviteltavaa.

Kopioitava palettikehote

Luo väripaletti yritykselle [yritys yhdellä rivillä], jonka yleisö on [yleisö].
Tunnelma: [kolme sanaa]. Inspiraatio: [oikea paikka, materiaali tai hetki].
Vältä: [värit tai kliseet, joita et halua].

Palauta 6 väriä taulukkona: tehtävä, nimi, heksakoodi.
Tehtävät: pohja, tumma teksti, vaalea teksti, pääväri, säästeliäs korostus, pehmeä pinta.
Kerro sitten tekstille tarkoitetut väriparit.
Älä ilmoita kontrastisuhteita, tarkistan ne itse.

Inspiraatiorivi tekee tärkeimmän työn. ”Satama aamukuudelta”, ”terrakottalaatat sateen jälkeen” tai ”vanhan kirjakaupan sisätila” antavat mallille oikeita värisuhteita. Siksi ne voittavat tyylinimet. Väripaletti kuvasta käyttää samaa ajatusta valokuvalla sanojen sijaan.

Käytännön esimerkki

Tällaista tulosta voit odottaa pienen kukkakaupan kehotteesta, jonka inspiraatio on ”kylmä kasvihuone varhain keväällä” ja tunnelmasanat rauhallinen, raikas ja hiljaisen ylellinen.

Muuta paletti taustaksi ennen arviointia. Rivi värinäytteitä näyttää aina siistiltä. Yhdessä sekoittuvat värit paljastavat, kuuluuko perhe yhteen vai muuttuuko kohtaaminen mutaiseksi.

Näin tarkistat paletin kontrastin oikein

Kielimallit ennustavat tekstiä, eivät laske. Malli voi väittää parin läpäisevän testin, vaikka niin ei ole. Liitä jokainen tekstipari esimerkiksi WebAIMin kontrastityökaluun ja käytä WCAG-rajoja.

Jos pari ei läpäise testiä, pyydä avustajalta rajattu muutos: ”Tummenna tummaa tekstiväriä, kunnes se saavuttaa 4,5:1 pehmeällä pinnalla, sävyä muuttamatta.” Mittaa uudelleen. Värikontrasti ja saavutettavuus selittää suhteet. Värisokeus suunnittelussa käsittelee kontrastin läpäiseviä mutta hämmentäviä pareja, kuten yhtä vaaleaa punaista ja vihreää.

Palettia parantavat jatkokehotteet

• ”Anna vaalea versio tästä paletista samoilla tehtävillä ja samalla luonteella.”
• ”Mikä väri muistuttaa eniten kilpailijoitani? Korvaa se erottuvalla.”
• ”Kirjoita värit heksakoodin lisäksi oklch()-muodossa ja pidä vihreiden vaaleusvälit tasaisina.”
• ”Ehdota 60, 30, 10 -jakoa somejulkaisuun tällä paletilla.”
• ”Kirjoita näille väreille CSS-muuttujat tehtävän, ei sävyn mukaan nimettyinä.”

Viimeinen auttaa verkkotyössä: tehtävänimet (--ground, --text-deep) sallivat paletin vaihdon muuttamatta joka sääntöä. 60 30 10 -sääntö selittää jaon, ja OKLCH selitettynä näyttää, miksi tasaiset vaaleusvälit tekevät sekoituksista puhtaampia.

:root {
  --ground: #0f1f1a;
  --text-deep: #1f3b32;
  --main: #4d7c66;
  --accent: #e8a0a8;
  --text-light: #eef2ec;
  --surface-soft: #c9d6cc;
}

Testaa paletti oikeissa suunnitelmissa

Paletti todistaa toimivuutensa vilkkaassa syötteessä, ei keskustelussa. Tee sillä kolme oikeaa työtä: ilmoitus, lainaus ja alejulkaisu todellisissa julkaisuko’oissa. Jos korostus leviää kaikkialle, se ei enää ole korostus.

Gradientlyssä paletit sijaitsevat brändipaketissa. Mark pitää sanat itse luettavina: rauhallisin alue siirtyy tekstin taakse ja Automaattinen muste valitsee riville vaalean tai tumman tekstin Markin omista väreistä. Sanat pysyvät luettavina joka koossa. Väripalettigeneraattori esittelee muita kuin tekoälykeinoja, jos aloitat mieluummin käsin.