Spring bud är den färg som tidigare kallades vårgrön innan X11-webbfärgen vårgrön formulerades 1987, när X11-färgerna uppfanns för första gången. För att undvika förväxling med den moderna webbfärgen har den äldre, mer gula eller dämpade nyansen ofta fått det engelska namnet spring bud i färgkartor och litteratur.

Vårknopp används ofta som svenskt namn på samma historiska färg och kallas också mjukt vårgrönt eller vårgrönt (traditionellt). Den traditionella tonen ligger mer åt gult än den klara, cyanaktiga webbfärgen.

Den första skriftliga användningen av spring green som färgnamn på engelska (vilket i historisk betydelse avsåg den färg som nu ofta kallas spring bud) går tillbaka till 1766.

Webbfärgen "spring green" (X11 / CSS)

I modern webb- och skärmkontext används spring green som ett standardnamn i X11- och CSS-färgpaletter. Denna webbfärg är mycket klar och ligger mellan grön och cyan. I CSS kan man använda namnet springgreen direkt eller ange dess hex-/RGB-värden, till exempel:

  • CSS-namn: color: springgreen;
  • Hex: #00FF7F
  • RGB: rgb(0, 255, 127)

Skillnaden mellan "spring bud" och webbfärgen

Huvudskillnaden är tonalitet: spring bud / vårknopp är traditionellt en mjukare, gulaktigare vårgrön, medan spring green i X11/CSS är en stark, klar grön med en tydlig cyan-ton. Eftersom olika färgkartor och tillverkare har visat nyanserna lite olika, kan exakta värden variera mellan källor — därför används ofta det engelska namnet spring bud för att särskilja den äldre tonen från webbfärgen.

Användning i design

  • Spring green (#00FF7F) fungerar som accentfärg för att ge en stark, livfull vårkänsla; den kräver vanligen mörk text eller kontrasterande element för god läsbarhet.
  • Vårknopp / spring bud passar bra i naturinspirerade paletter, trycksaker och inredning där en mildare, mer subtil grön ton önskas.
  • Vid digitalt bruk: testa alltid kontrast mot bakgrund för att uppfylla läsbarhetskrav (WCAG). Klargröna nyanser kan kräva mörkare text eller skuggning för tillräcklig kontrast.

Praktiska tips

  • När du arbetar med historiska eller tryckta färger, kontrollera färgprover i korrekt material och ljus — tryck och skärm återger färger olika.
  • Om du behöver exakt visuell överensstämmelse mellan digitalt och tryckt material, konvertera färger mellan RGB (skärm) och CMYK (tryck) och använd provtryck.
  • För webben: använd det standardiserade namnet springgreen eller hexvärdet #00FF7F för konsekvent resultat i webbläsare.