# Farbe in RGB Code

**URL:** <https://forum.shopware.com/t/farbe-in-rgb-code/51484>\
**Category:** Programmierung\
**Created:** [1. März 2018 um 17:15 UTC](https://forum.shopware.com/t/farbe-in-rgb-code/51484 "2018-03-01T17:15:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\
**Post date:** [1. März 2018 um 17:15 UTC](https://forum.shopware.com/t/farbe-in-rgb-code/51484/1 "2018-03-01T17:15:07Z")

</div>

```
box-shadow: -10px -10px 10px green,(her möchte ich gerne den Farbcode) 
             10px 10px 10px red;

So habe ich es versucht aber ohne Erfolg

.emotion--category-teaser .category-teaser--link {
   border-radius: 15px;
    box-shadow: -5px -5px 5px; 
	  color: rgba(242,242,242,0.6);	
       5px 5px 5px;
	    color: rgba(242,242,242,0.6);
}  

```

Hallo zusammen

Ich bin nun fleissig am lernen. ![Wearing-Sunglasses](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/301eaa4db0af1251d93dae7904e5b71a4b15e729.png "Wearing-Sunglasses")

Gerne würde ich bei diesem Code die Farbe grey in ein RBG Code umwandeln d.h ich möchte die genaue Farbe des Schattens bestimmen können.

Leider bringe ich das nicht so hin damit mir mein Themes das annimmt.

Mir ist es egal ob der Code in HEX oder RGB ist.&nbsp;

Auch wurde mir gesagt das bei Schatten nur oberbegriffe wie green, grey usw. gehen? Ist das so?

Danke für eure Hilfe.

Gruss Chris

&nbsp;

---

<div class="post-metadata">

**Author:** ![christiantrade](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@christiantrade](https://forum.shopware.com/u/christiantrade)\
**Post date:** [1. März 2018 um 17:36 UTC](https://forum.shopware.com/t/farbe-in-rgb-code/51484/2 "2018-03-01T17:36:31Z")

</div>

Dein CSS ist falsch.

Das mixin für den box-shadow findest du hier:&nbsp;[shopware/box-shadow.less at 5.3 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.3/themes/Frontend/Bare/frontend/_public/src/less/_mixins/box-shadow.less)

Einen CSS Box Shadow Generator findest du hier:&nbsp;[https://www.cssmatic.com/box-shadow](https://www.cssmatic.com/box-shadow)

In dem Beispiel wäre der Boxshadow bzw. das mixin, welches du in deiner .less aufrufst also

```
.box-shadow(10px 10px 5px 0px rgba(0,0,0,0.75));

```

Für den Border Radius gibt es ebenfalls ein mixin -\>&nbsp;[shopware/border-radius.less at 5.3 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.3/themes/Frontend/Bare/frontend/_public/src/less/_mixins/border-radius.less#L22-L26)

Hier wäre der Aufruf dann:

```
.border-radius(15px);

```

Das box-shadow nur Farbnamen kennt bzw. möglich sind ist völliger Blödsinn, ist CSS 1x1

---

<div class="post-metadata">

**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\
**Post date:** [1. März 2018 um 18:01 UTC](https://forum.shopware.com/t/farbe-in-rgb-code/51484/3 "2018-03-01T18:01:02Z")

</div>

Super @christiantrade‍ danke vielmals

Auch der Generator ist klasse 🙂

Nur jetzt habe ich nur einen Box-Shadow ? Vorher hatte ich oben und unten einen. Wäre eben noch cool für zwei Farben

Der Generator hat nur entweder oder?

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/548aa2065a584ba526d6e7622ade267c4543431f.png)

---

<div class="post-metadata">

**Author:** ![christiantrade](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@christiantrade](https://forum.shopware.com/u/christiantrade)\
**Post date:** [1. März 2018 um 18:56 UTC](https://forum.shopware.com/t/farbe-in-rgb-code/51484/4 "2018-03-01T18:56:30Z")

</div>

Man mus sich schon einmal ein wenig selbst damit auseiannder setzen …

Wenn man nen shadow an allen vier seiten haben will, dann muss man natürlich horizontal und vertical length auf 0px haben …

---

<div class="post-metadata">

**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\
**Post date:** [1. März 2018 um 19:09 UTC](https://forum.shopware.com/t/farbe-in-rgb-code/51484/5 "2018-03-01T19:09:54Z")

</div>

Okey sorry ich schaue das an.

&nbsp;Merci vielmal.