Färggradient

En linjär eller axiell färggradient

Inom färgvetenskap anger en färggradient en rad positionsberoende färger som vanligtvis används för att fylla ett område.

namn

En färggradient är också känd som en färgramp eller en färgprogression . När man tilldelar färger till en uppsättning värden är en gradient en kontinuerlig färgkarta, en typ av färgschema . Inom datorgrafik har termen swatch kommit att betyda en palett av aktiva färger.

• verkliga färggradienter eller färgprovböcker
• 

  RAL CLASSIC K5 färgfläkt

• 

  Pantone färgguide

• 

  kort av Pantone basfärger och blandningar

Definitioner

• Färggradient är en uppsättning färger arrangerade i linjär ordning (beställd)
• En kontinuerlig färgkarta är en kurva genom en färgrymd

• kurva genom RGB-färgrymd
• 

  grå

• 

  kubhelix

• 

  HSV regnbåge

• 

  divergerande

Strikt definition

En färgkarta är en funktion som associerar ett reellt värde r med punkt c i färgrymden $C$

$f:[r_{min},r_{max}]\subset \mathbf {R} \to C$

som definieras av:

• en färgrymd C
• $r_{0}<...<r_{m}\in [r_{min},r_{max}]$ sekvens av provtagningspunkter .
• en serie värden i färgrymden $c_{0},...,c_{m}\in C$
• mappningen $f(r_{i})=c_{i},i=0,...,m$ _
• en regel för att interpolera mellanvärdena $r_{i-1}<r<r_{i}\in [r_{min },r_{max}]$

var:

• r är ett reellt tal $r\in [r_{min},r_{max}]\subset \mathbf {R}$
• $\mathbf {R}$ är en uppsättning reella tal
• c är en färg = punkt i färgrymd C

Typer

Kriterier för klassificering:

• dimensionera
• diskret ( klassad ) / kontinuerlig
• form
• utbud: fullt eller begränsat. Exempel: pastellfärg med begränsat mättnadsområde.
• perceptuell enhetlighet
• beställa
  • ordnade (sekventiell) och icke-ordnad (kategorisk)
  • perceptuell ordning
• läsbarhet för personer med bristande färgseende eller färgblinda (färgblindavänliga)
• färg rymd
• färgdjup

Dimensionera

• 1D
• 2D
• 3D

Former

Axiella gradienter

En axiell färggradient, med ett vitt linjesegment som förbinder de två punkterna

En axiell färggradient (ibland även kallad linjär färggradient) anges med två punkter och en färg vid varje punkt. Färgerna längs linjen genom dessa punkter beräknas med linjär interpolation och förlängs sedan vinkelrätt mot den linjen. I digitala bildbehandlingssystem interpoleras färger vanligtvis i en RGB-färgrymd , ofta med gammakomprimerade RGB-färgvärden, i motsats till linjära. CSS och SVG stöder båda linjära gradienter.

Radiella gradienter

En radiell färggradient

En radiell gradient anges som en cirkel som har en färg vid kanten och en annan i mitten. Färger beräknas genom linjär interpolation baserat på avstånd från mitten. Detta kan användas för att approximera den diffusa reflektionen av ljus från en punktkälla av en sfär . Både CSS och SVG stöder radiella gradienter.

Koniska gradienter

konisk gradient

Koniska eller koniska gradienter är gradienter med färgövergångar roterade runt en mittpunkt (istället för att stråla ut från mitten). Exempel på koniska gradienter inkluderar cirkeldiagram och färghjul.

Andra former

I vektorgrafik kan polygonnät användas, t.ex. gradientnät som stöds av Adobe Illustrator .

färg rymd

• 

  LCH

• 

  HSV

Effekt av färgrymd

Utseendet på en gradient varierar inte bara med färgen i sig, utan också av färgrymden som beräkningen utförs i. Problemet blir vanligtvis viktigt av två anledningar:

• Gammakorrigering till en färgrymd. Med en typisk γ på cirka 2 är det lätt att se att en gammaaktiverad färgrymd kommer att blandas mörkare än en färgrymd med linjär intensitet, eftersom summan av kvadrater av två tal aldrig är mer än kvadraten av deras summa. Effekten är mest påtaglig när man blandar komplementfärger som rött och grönt, där mellanfärgen är en mörk färg istället för den förväntade gula. De radiella och koniska exemplen på denna sida visar tydligt detta fel.
• Hantering av andra perceptuella egenskaper. I informationsvisualisering är det inte önskvärt att ha en förment "plat" gradient som visar icke-monotona variationer i ljushet och mättnad längs vägen. Detta beror på att mänskligt syn betonar dessa egenskaper, vilket orsakar partiskhet eller förvirring i tolkningen.

En "linjär" blandning skulle matcha fysisk ljusblandning och har varit standarden i spelmotorer under lång tid. På webben har det dock länge försummats för både färggradienter och bildskalning. En sådan blandning har fortfarande en subtil skillnad från en som görs i en perceptuellt enhetlig färgrymd.

Exempel

• 2D RGB-profiler
• 
• 
• 
• 
• 
• 
• 

• Gradient på HSV färghjul
• 

  Enkel nyans ( monokromatisk ) gradient

• 

  polykromatisk (multiton) färggradient

HSV regnbåge

• HSV regnbåge
• 

  RGB 2D-profiler

• 

  HSV 2D-profiler

• 

  3D RGB-profil

Filformat

Tillägg:

• GIMP .gpl
• Adobe .aco, .acb, .act, .ase, .acf, .bcf, .clr
• AutoCAD .acb
• ColorSchemer .cs
• Corel .cpl, .xml (X5)
• ICC heter färg .icc OO.o .soc
• QuarkXPress qcl (+cui)
• RAL .bcs
• RIFF .pal
• Scribus .xml
• VivaDesigner .xml

Ansökningar

• representerar kvantitativa eller ordinalvärden, som i värmekartor . Mer exakt beskrivning finns i färgrutan.
• fyll en region: många fönsterhanterare tillåter att skärmbakgrunden anges som en gradient. Färgerna som produceras av en gradient varierar kontinuerligt med position, vilket ger mjuka färgövergångar.
• visualisera utvecklingen av en utökad datoroperation, såsom en nedladdning, filöverföring eller installation. Se förloppsindikator

Webb-länkar

CCC-verktyg	Webbverktyg för omfattande skapande, analys och testning av färgkartor med strävan att minimera de nödvändiga interaktionskomponenterna. https://ccctool.com/
Färgmått	Webbverktyg för matematisk analys av färgkartor i flera färgrymder. https://colormeasures.org/
Färgbryggare	Webbverktyg för choropleth kartfärgscheman . https://colorbrewer2.org/
Färgpaletthjälp	Webbverktyg för att generera flerfärgsskalor med flera stopp. https://gka.github.io/palettes/
Färggradient	Webbverktyg för att generera färggradienter och css-kod. https://www.w3schools.com/colors/colors_gradient.asp
Genfärgkarta	C++ programvara för generering av färgkartor för visualisering https://marlam.de/gencolormap/

Se även

• Bokashi (tryck)
• Färgband
• Färgskillnad
• Färgkartläggning ; en funktion som mappar (omvandlar) färgerna i en bild till färgerna i en annan bild
• Diffusionskurva
• vibrering
• Bildgradient
• Mach banding
• Ombré
• Palett ; en ändlig uppsättning färger i ingen speciell ordning
• Perceptuellt enhetliga färgrymder
• Posterisering
• Färgkarta
• färgprovböcker (som i pappersfärgprovbok eller RAL CLASSIC K5 färgfläkt eller Pantone färgguider )