Painter-Ressourcen
Farbpalette DefaultPainter
Alle Farben des Standarddesigns – die Palette und die Zuordnung zu den einzelnen Bausteinen.
- 152 Farbwerte
- Erzeugt mit v1.5.014
Farbpalette
| Farbe | Nr. | HTML | RGB | Farbname |
|---|---|---|---|---|
| 1 | #000000 | rgb(0,0,0) | black | |
| 2 | #0000FF | rgb(0,0,255) | blue | |
| 3 | #005A6B | rgb(0,90,107) | – | |
| 4 | #808080 | rgb(128,128,128) | gray | |
| 5 | #80ADBA | rgb(128,173,186) | – | |
| 6 | #84ADBD | rgb(132,173,189) | – | |
| 7 | #87B1BA | rgb(135,177,186) | – | |
| 8 | #8D9DA1 | rgb(141,157,161) | – | |
| 9 | #A5C4CB | rgb(165,196,203) | – | |
| 10 | #A7C2C7 | rgb(167,194,199) | – | |
| 11 | #AAAAAA | rgb(170,170,170) | – | |
| 12 | #B4CED4 | rgb(180,206,212) | – | |
| 13 | #BDBDBD | rgb(189,189,189) | – | |
| 14 | #C1D6DB | rgb(193,214,219) | – | |
| 15 | #C4C8C9 | rgb(196,200,201) | – | |
| 16 | #C7003C | rgb(199,0,60) | – | |
| 17 | #CECECE | rgb(206,206,206) | – | |
| 18 | #DADFE0 | rgb(218,223,224) | – | |
| 19 | #DCE8EB | rgb(220,232,235) | – | |
| 20 | #EDEFF0 | rgb(237,239,240) | – | |
| 21 | #EFEFEF | rgb(239,239,239) | – | |
| 22 | #F3F4F5 | rgb(243,244,245) | – | |
| 23 | #F57E17 | rgb(245,126,23) | – | |
| 24 | #FAD00E | rgb(250,208,14) | – | |
| 25 | #FAE4C2 | rgb(250,228,194) | – | |
| 26 | #FEA217 | rgb(254,162,23) | – | |
| 27 | #FEEEA4 | rgb(254,238,164) | – | |
| 28 | #FFA510 | rgb(255,165,16) | – | |
| 29 | #FFCC99 | rgb(255,204,153) | – | |
| 30 | #FFD3D3 | rgb(255,211,211) | – | |
| 31 | #FFFFE1 | rgb(255,255,225) | – | |
| 32 | #FFFFE7 | rgb(255,255,231) | – | |
| 33 | #FFFFFF | rgb(255,255,255) | white |
Generic: Selection
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| selection.color.bg | Background color | #FFA510 | rgb(255,165,16) |
Forms: Formulare
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| form.color.bg | Background color | #DADFE0 | rgb(218,223,224) | |
| form.color.bg.field | Background field | #EFEFEF | rgb(239,239,239) | |
| form.color.bg.header | Background caption | #005A6B | rgb(0,90,107) | |
| form.color.bg.label | Background label | #DADFE0 | rgb(218,223,224) | |
| form.color.bg.section | Background section | #A7C2C7 | rgb(167,194,199) | |
| form.color.border | Border | #005A6B | rgb(0,90,107) | |
| form.color.border.item | Border row | #BDBDBD | rgb(189,189,189) | |
| form.color.border.section | Border section | #005A6B | rgb(0,90,107) | |
| form.color.text.caption | Text color caption | #FFFFFF | rgb(255,255,255) | |
| form.color.text.detail | Text color detail | #FFFFFF | rgb(255,255,255) | |
| form.color.text.header | Text color header | #FFFFFF | rgb(255,255,255) | |
| form.color.text.section | Text color section | #005A6B | rgb(0,90,107) |
Forms: Error form
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| error.color.bg.body | Background body | #FFD3D3 | rgb(255,211,211) | |
| error.color.bg.header | Background caption | #C7003C | rgb(199,0,60) | |
| error.color.border | Border color | #C7003C | rgb(199,0,60) | |
| error.color.text | Text color | #C7003C | rgb(199,0,60) |
Forms: Warning form
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| warning.color.bg.body | Background body | #FEEEA4 | rgb(254,238,164) | |
| warning.color.bg.header | Background caption | #FAD00E | rgb(250,208,14) | |
| warning.color.border | Border color | #FAD00E | rgb(250,208,14) | |
| warning.color.text | Text color | #FAD00E | rgb(250,208,14) |
Forms: Message form
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| info.color.bg.body | Background body | #DCE8EB | rgb(220,232,235) | |
| info.color.bg.header | Background caption | #A5C4CB | rgb(165,196,203) | |
| info.color.border | Border color | #A5C4CB | rgb(165,196,203) | |
| info.color.text | Text color | #005A6B | rgb(0,90,107) |
Forms: Help
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| help.color.bg | Background | #FFFFE1 | rgb(255,255,225) | |
| help.color.border | Border | #000000 | rgb(0,0,0) | |
| help.color.text | Text | #000000 | rgb(0,0,0) |
Forms: Severity form
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| severity.color.bg.body | Background body | #FFFFE7 | rgb(255,255,231) | |
| severity.color.bg.header | Background caption | #808080 | rgb(128,128,128) | |
| severity.color.border | Border color | #808080 | rgb(128,128,128) | |
| severity.color.text | Text color | #000000 | rgb(0,0,0) |
Forms: Header Form
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| head.color.bg | Background | #DADFE0 | rgb(218,223,224) | |
| head.color.border | Border color | #005A6B | rgb(0,90,107) | |
| head.color.separator | Separator | #FFFFFF | rgb(255,255,255) |
Controls: Horizontal Menu
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| hmenu.color.bg | Background | #B4CED4 | rgb(180,206,212) |
Controls: Vertical menu level 1
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| vmenu1.color.bg | Background level 1 | #87B1BA | rgb(135,177,186) | |
| vmenu1.color.bg.disabled | Background level 1 disabled | #87B1BA | rgb(135,177,186) | |
| vmenu1.color.bg.sel | Background level 1 selected | #87B1BA | rgb(135,177,186) | |
| vmenu1.color.border | Border level 1 | #FFFFFF | rgb(255,255,255) | |
| vmenu1.color.text.A | Text hyperlink level 1 | #005A6B | rgb(0,90,107) | |
| vmenu1.color.text.A.sel | Text hyperlink level 1 selected | #005A6B | rgb(0,90,107) | |
| vmenu1.color.text.disabled | Text level 1 disabled | #C1D6DB | rgb(193,214,219) |
Controls: Vertical menu level 2
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| vmenu2.color.bg | Background level 2 | #C1D6DB | rgb(193,214,219) | |
| vmenu2.color.bg.disabled | Background level 2 disabled | #C1D6DB | rgb(193,214,219) | |
| vmenu2.color.bg.sel | Background level 2 selected | #FEA217 | rgb(254,162,23) | |
| vmenu2.color.border | Border level 2 | #FFFFFF | rgb(255,255,255) | |
| vmenu2.color.text | Text level 2 | #005A6B | rgb(0,90,107) | |
| vmenu2.color.text.A | Text hyperlink level 2 | #005A6B | rgb(0,90,107) | |
| vmenu2.color.text.A.sel | Text hyperlink level 2 selected | #FFFFFF | rgb(255,255,255) | |
| vmenu2.color.text.disabled | Text level 2 disabled | #808080 | rgb(128,128,128) | |
| vmenu2.color.text.sel | Text level 2 selected | #FFFFFF | rgb(255,255,255) |
Controls: Vertical menu level 3
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| vmenu3.color.bg | Background level 3 | #FAE4C2 | rgb(250,228,194) | |
| vmenu3.color.bg.disabled | Background level 3 disabled | #FAE4C2 | rgb(250,228,194) | |
| vmenu3.color.bg.sel | Background level 3 selected | #FAE4C2 | rgb(250,228,194) | |
| vmenu3.color.border | Border level 3 | #FFFFFF | rgb(255,255,255) | |
| vmenu3.color.text | Text level 3 | #000000 | rgb(0,0,0) | |
| vmenu3.color.text.A | Text hyperlink level 3 | #000000 | rgb(0,0,0) | |
| vmenu3.color.text.A.sel | Text hyperlink level 3 selected | #000000 | rgb(0,0,0) | |
| vmenu3.color.text.disabled | Text level 3 disabled | #808080 | rgb(128,128,128) |
Controls: Liste
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| list.color.bg.INPUT | Background input field | #FFFFFF | rgb(255,255,255) | |
| list.color.bg.body | Background body | #DADFE0 | rgb(218,223,224) | |
| list.color.bg.colheader | Background column header (level 0) | #80ADBA | rgb(128,173,186) | |
| list.color.bg.colheader1 | Background column header (level 1) | #80ADBA | rgb(128,173,186) | |
| list.color.bg.colheader2 | Background column header (level 2) | #80ADBA | rgb(128,173,186) | |
| list.color.bg.even | Background even Rows | #EDEFF0 | rgb(237,239,240) | |
| list.color.bg.evens | Background even Rows selected | #FFCC99 | rgb(255,204,153) | |
| list.color.bg.header | Background header | #005A6B | rgb(0,90,107) | |
| list.color.bg.odd | Background odd Rows | #FFFFFF | rgb(255,255,255) | |
| list.color.bg.odds | Background odd Rows selected | #FFCC99 | rgb(255,204,153) | |
| list.color.border.INPUT | Border input field | #005A6B | rgb(0,90,107) | |
| list.color.border.body | Border body | #005A6B | rgb(0,90,107) | |
| list.color.text.A | Text color Hyperlink | #0000FF | rgb(0,0,255) | |
| list.color.text.caption | Text color caption | #FFFFFF | rgb(255,255,255) | |
| list.color.text.colheader | Text colot column label (level 0) | #FFFFFF | rgb(255,255,255) | |
| list.color.text.colheader1 | Text colot column label (level 1) | #FFFFFF | rgb(255,255,255) | |
| list.color.text.colheader2 | Text colot column label (level 2) | #FFFFFF | rgb(255,255,255) | |
| list.color.text.detail | Text color detail text | #FFFFFF | rgb(255,255,255) | |
| list.color.text.header | Text color header | #FFFFFF | rgb(255,255,255) |
Controls: Tree
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| tree.color.bg.even | Background even row | #F3F4F5 | rgb(243,244,245) | |
| tree.color.bg.odd | Background odd row | #FFFFFF | rgb(255,255,255) | |
| tree.color.bg.sel | Background selected row | #FEA217 | rgb(254,162,23) | |
| tree.color.border | Border row | #DCE8EB | rgb(220,232,235) | |
| tree.color.text.A | Text color hyperlink | #000000 | rgb(0,0,0) | |
| tree.color.text.A.sel | Text color hyperlink selected row | #FFFFFF | rgb(255,255,255) |
Controls: Tabset
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| tabset.color.bg.disabled | Background inactiv Tab | #8D9DA1 | rgb(141,157,161) | |
| tabset.color.bg.level1 | Background level 1 | #EFEFEF | rgb(239,239,239) | |
| tabset.color.bg.level2 | Background level 2 | #DADFE0 | rgb(218,223,224) | |
| tabset.color.bg.level3 | Background level 3 | #C4C8C9 | rgb(196,200,201) | |
| tabset.color.border | Border | #005A6B | rgb(0,90,107) | |
| tabset.color.text | Text color | #000000 | rgb(0,0,0) | |
| tabset.color.text.sel | Text selected Tab | #000000 | rgb(0,0,0) | |
| tabset.color.text.unsel | Text unselected Tab | #FFFFFF | rgb(255,255,255) |
Controls: Tabbar
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| tabbar.color.bg.disabled | Background inactiv Tab | #8D9DA1 | rgb(141,157,161) | |
| tabbar.color.bg.level1 | Background level 1 | #EFEFEF | rgb(239,239,239) | |
| tabbar.color.bg.level2 | Background level 2 | #DADFE0 | rgb(218,223,224) | |
| tabbar.color.bg.level3 | Background level 3 | #C4C8C9 | rgb(196,200,201) | |
| tabbar.color.border | Border | #005A6B | rgb(0,90,107) | |
| tabbar.color.text | Text color | #000000 | rgb(0,0,0) | |
| tabbar.color.text.sel | Text selected Tab | #000000 | rgb(0,0,0) | |
| tabbar.color.text.unsel | Text unselected Tab | #FFFFFF | rgb(255,255,255) |
Controls: Header
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| header.color.border | Border | #80ADBA | rgb(128,173,186) | |
| header.color.text.caption | Text caption | #F57E17 | rgb(245,126,23) | |
| header.color.text.detail | Text detail | #80ADBA | rgb(128,173,186) |
Controls: Panel
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| panel.color.bg.body | Background body | #DCE8EB | rgb(220,232,235) | |
| panel.color.bg.header | Background header | #C1D6DB | rgb(193,214,219) | |
| panel.color.border.body | border body | #DCE8EB | rgb(220,232,235) | |
| panel.color.border.header | Border header | #FFFFFF | rgb(255,255,255) | |
| panel.color.item.border | Item border | #808080 | rgb(128,128,128) | |
| panel.color.text.header | Text header | #005A6B | rgb(0,90,107) |
Controls: Crumb
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| crumb.color.text.disabled | Disabled text | #AAAAAA | rgb(170,170,170) |
Buttons
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| button.color.bg | Background | #FFFFFF | rgb(255,255,255) | |
| button.color.border | Border | #005A6B | rgb(0,90,107) | |
| button.color.state.active | State activ (State id = 1) | #005A6B | rgb(0,90,107) | |
| button.color.state.down | State down (State id = 4) | #84ADBD | rgb(132,173,189) | |
| button.color.state.hover | State hover (State id = 3) | #FFA510 | rgb(255,165,16) | |
| button.color.state.inactive | State inactiv (State id = 2) | #CECECE | rgb(206,206,206) | |
| button.color.text.active | text | #000000 | rgb(0,0,0) | |
| button.color.text.inactive | text inactive button | #CECECE | rgb(206,206,206) |
Weiter
Andere Painter-Ressourcen
Farbpalette DefaultPainter2
Dieselbe Systematik in der zweiten Stilvariante des Standarddesigns.
ResourceCard DefPainter
Farb- und Bildschlüssel des DefPainters, wie sie eine eigene ResourceMap überschreiben kann.
ResourceCard Def2Painter
Farb- und Bildschlüssel der zweiten Stilvariante.
ResourceCard GlobalPainter
Die gemeinsame Grundlage aller Painter.
ResourceCard HTMLPainter
Bildschlüssel des HTMLPainters für die schlanke Ausgabe ohne eigenes Design.