WebHU - Programozási kérdések és válaszok

Hozzon létre kiegészítő, hármas és monokromatikus színpalettát egyetlen hexadecimális színből

Amit megpróbálok csinálni, az az, hogy három különböző színpalettát készítek egyetlen, a felhasználó által megadott hexa/rgb értékből. A paletta a mellékelt szín kiegészítését fogja tartalmazni, majd egy teljes paletta jön létre. Ideális esetben egy 5 színű palettával rendelkeznék egyetlen kiegészítő szín helyett. Színpalettákat is készítek hármas, analóg és monokromatikus sémákhoz.

Azt akarom kitalálni, hogyan hozhatom létre a kiegészítő színt, majd a színpalettát. Ugyanez vonatkozik az itt felsorolt ​​többi palettatípusra is. Nyitott vagyok arra, hogy ezt megtegyem Javascriptben vagy PHP-ben.

javascript php
15.10.2013

  • Sebesség... A modern böngészők nagyon könnyen kezelik az ilyen matematikát. Nem ismerem a pontos egyenleteket, de szerintem nem haladják meg az összegzés négy-öt sorát. 15.10.2013
  • Kérjük, pontosan írja le, hogy miben van szüksége segítségre, a kód alapján. Lásd: stackoverflow.com/search?q=hex+color+calculation 15.10.2013
  • @Diodeus nézd meg újra a kérdést (frissült). Egy színből kiegészítő színpalettát szeretnék létrehozni. A hex átalakítása rgb-vé stb. a könnyű rész. 15.10.2013
  • 1. lépés: hex-›rgb konvertálása 2. lépés: rgb -› hsl konvertálása 3. lépés: eltolás (0-359) hozzáadása h értékhez < b>4. lépés: állítsa be a css-szabályt a hsl értékekkel (színt állíthat be hexa, rgb vagy hsl használatával – a böngésző natívan rgb-ként konvertálja és tárolja, tehát ha hsl-ként állítja be, akkor kérje újra ezt a színt, kapsz egy rgb értéket) Ez a megközelítés konzisztens kapcsolatot biztosít a bemeneti és a kimeneti színek között a hsl színkörön – azaz a két szín közötti szög (h) változatlan marad. A fekete-fehér képek színezése hasonló módon történik - azaz nem az rgb színtérben. 16.10.2013

Válaszok:


1

Valójában írtam egy kis szkriptet, amely sok mindenre képes, a colorflow.js.

Tegyük fel, hogy a kezdőszíne piros volt (hex: #ff0000)

  1. Kiegészítő szín: colorflow.complement('#ff0000')
  2. Kiegészítő szín, 5-ös paletta: colorflow.complement('#ff0000', 'double')
  3. hármas: colorflow.triadic('#ff0000')
  4. Monokróm: colorflow.rotational_dispersion('#c0c0c0', 5, 'saturation')

stb...

29.10.2013
  • Kipróbáltam a Monochromatic funkciót, de hibát ad (Not Defined error a konzolban). 10.09.2017
    • Új anyagok
    A rádiógomb ellenőrzött eseményének használata a jQueryben
    Ebben a cikkben látni fogjuk, hogyan kell dolgozni a jquery választógombbal ellenőrzött eseményeivel. A választógombok HTML gombok, amelyek segítenek kiválasztani egyetlen értéket egy csoportból...
    Körkörös függőségek megoldása terraformban adatforrásokkal – lépésről lépésre
    Mi az a körkörös függőségek Dolgozzunk egy egyszerű eseten, amikor az SQS-sor és az S3-vödör közötti körkörös függőség problémája van egy egymástól függő címkeérték miatt. provider..
    Miért érdemes elkezdeni a kódolást 2023-ban?
    01100011 01101111 01100100 01100101 — beep boop beep boop Világunk folyamatosan fejlődik a technológia körül, és naponta fejlesztenek új technológiákat a valós problémák megoldására. Amint..
    🎙 Random Noise #2  – Örökbefogadás és hit
    az analitika íratlan világának gondozása Szeretné, hogy ezek a frissítések a postaládájába kerüljenek? Iratkozzon fel itt . "Ha önvezető autókat gyártanak, akkor mi miért ne..
    A legrosszabb politika és prediktív modellek májátültetésre jelöltek számára az Egyesült Államokban
    A máj (vagy óangolul lifer) az emberi test legnehezebb belső szervére utal, amely csendesen működik a nap 24 órájában. Mit csinál a máj? 500 feladatot hajt végre a szervezet egészségének..
    5 webhely, amely 2022-ben fejleszti front-end fejlesztői készségeit
    Frontendmentor.io A tényleges projektek létrehozásával a Frontendmentor.io segítséget nyújt a front-end kódolási képességeinek fejlesztésében. A kódolást azután kezdheti meg, hogy..
    Mikor kell használni a Type-t az interfészhez képest a TypeScriptben?
    A TypeScript a JavaScript gépelt szuperkészlete, amely statikus gépelést ad a nyelvhez. Ez megkönnyíti a robusztus és karbantartható kód írását azáltal, hogy a hibákat a fordítási időben..