Painter-Ressourcen
Farbpalette DefaultPainter2
Dieselbe Systematik in der zweiten Stilvariante des Standarddesigns.
- 159 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 | #004882 | rgb(0,72,130) | – | |
| 4 | #1E5C99 | rgb(30,92,153) | – | |
| 5 | #6384BD | rgb(99,132,189) | – | |
| 6 | #789DBA | rgb(120,157,186) | – | |
| 7 | #808080 | rgb(128,128,128) | gray | |
| 8 | #8D9DA1 | rgb(141,157,161) | – | |
| 9 | #9CB9D0 | rgb(156,185,208) | – | |
| 10 | #A5C4CB | rgb(165,196,203) | – | |
| 11 | #AAAAAA | rgb(170,170,170) | – | |
| 12 | #B4CED4 | rgb(180,206,212) | – | |
| 13 | #B8CBE1 | rgb(184,203,225) | – | |
| 14 | #BDBDBD | rgb(189,189,189) | – | |
| 15 | #C2E2FF | rgb(194,226,255) | – | |
| 16 | #C4C8C9 | rgb(196,200,201) | – | |
| 17 | #C7003C | rgb(199,0,60) | – | |
| 18 | #CCDAEA | rgb(204,218,234) | – | |
| 19 | #CFE1EB | rgb(207,225,235) | – | |
| 20 | #DCE8EB | rgb(220,232,235) | – | |
| 21 | #E7EEF3 | rgb(231,238,243) | – | |
| 22 | #EDEFF0 | rgb(237,239,240) | – | |
| 23 | #EFEFEF | rgb(239,239,239) | – | |
| 24 | #F3F4F5 | rgb(243,244,245) | – | |
| 25 | #F57E17 | rgb(245,126,23) | – | |
| 26 | #F8FAFB | rgb(248,250,251) | – | |
| 27 | #FAD00E | rgb(250,208,14) | – | |
| 28 | #FAE4C2 | rgb(250,228,194) | – | |
| 29 | #FEA217 | rgb(254,162,23) | – | |
| 30 | #FEEEA4 | rgb(254,238,164) | – | |
| 31 | #FFCC99 | rgb(255,204,153) | – | |
| 32 | #FFD3D3 | rgb(255,211,211) | – | |
| 33 | #FFFFE1 | rgb(255,255,225) | – | |
| 34 | #FFFFE7 | rgb(255,255,231) | – | |
| 35 | #FFFFFF | rgb(255,255,255) | white |
Generic: Selection
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| selection.color.bg | Background color | #FEA217 | rgb(254,162,23) |
Forms: Formulare
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| form.color.bg | Background color | #CFE1EB | rgb(207,225,235) | |
| form.color.bg.field | Background field | #EFEFEF | rgb(239,239,239) | |
| form.color.bg.header | Background caption | #1E5C99 | rgb(30,92,153) | |
| form.color.bg.label | Background label | #CFE1EB | rgb(207,225,235) | |
| form.color.bg.section | Background section | #9CB9D0 | rgb(156,185,208) | |
| form.color.border | Border | #1E5C99 | rgb(30,92,153) | |
| form.color.border.item | Border row | #BDBDBD | rgb(189,189,189) | |
| form.color.border.section | Border section | #1E5C99 | rgb(30,92,153) | |
| 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 | #1E5C99 | rgb(30,92,153) |
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 | #1E5C99 | rgb(30,92,153) |
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 | #CFE1EB | rgb(207,225,235) | |
| head.color.border | Border color | #1E5C99 | rgb(30,92,153) | |
| 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 | #9CB9D0 | rgb(156,185,208) | |
| vmenu1.color.bg.disabled | Background level 1 disabled | #9CB9D0 | rgb(156,185,208) | |
| vmenu1.color.bg.sel | Background level 1 selected | #9CB9D0 | rgb(156,185,208) | |
| vmenu1.color.border | Border level 1 | #FFFFFF | rgb(255,255,255) | |
| vmenu1.color.text.A | Text hyperlink level 1 | #1E5C99 | rgb(30,92,153) | |
| vmenu1.color.text.A.sel | Text hyperlink level 1 selected | #1E5C99 | rgb(30,92,153) | |
| vmenu1.color.text.disabled | Text level 1 disabled | #CCDAEA | rgb(204,218,234) |
Controls: Vertical menu level 2
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| vmenu2.color.bg | Background level 2 | #CCDAEA | rgb(204,218,234) | |
| vmenu2.color.bg.disabled | Background level 2 disabled | #CCDAEA | rgb(204,218,234) | |
| 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 | #1E5C99 | rgb(30,92,153) | |
| vmenu2.color.text.A | Text hyperlink level 2 | #1E5C99 | rgb(30,92,153) | |
| 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 | #CFE1EB | rgb(207,225,235) | |
| list.color.bg.colheader | Background column header (level 0) | #6384BD | rgb(99,132,189) | |
| list.color.bg.colheader1 | Background column header (level 1) | #6384BD | rgb(99,132,189) | |
| list.color.bg.colheader2 | Background column header (level 2) | #6384BD | rgb(99,132,189) | |
| 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 | #1E5C99 | rgb(30,92,153) | |
| 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 | #1E5C99 | rgb(30,92,153) | |
| list.color.border.body | Border body | #1E5C99 | rgb(30,92,153) | |
| 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 | #CFE1EB | rgb(207,225,235) | |
| tabset.color.bg.level3 | Background level 3 | #C4C8C9 | rgb(196,200,201) | |
| tabset.color.border | Border | #1E5C99 | rgb(30,92,153) | |
| 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 | #CFE1EB | rgb(207,225,235) | |
| tabbar.color.bg.level3 | Background level 3 | #C4C8C9 | rgb(196,200,201) | |
| tabbar.color.border | Border | #1E5C99 | rgb(30,92,153) | |
| 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 | #6384BD | rgb(99,132,189) | |
| header.color.text.caption | Text caption | #F57E17 | rgb(245,126,23) | |
| header.color.text.detail | Text detail | #6384BD | rgb(99,132,189) |
Controls: Panel
| Farbe | Schlüssel | Bedeutung | HTML | RGB |
|---|---|---|---|---|
| panel.color.bg.body | Background body | #E7EEF3 | rgb(231,238,243) | |
| panel.color.bg.header | Background header | #B8CBE1 | rgb(184,203,225) | |
| panel.color.border.body | border body | #E7EEF3 | rgb(231,238,243) | |
| 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 | #004882 | rgb(0,72,130) |
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 | #004882 | rgb(0,72,130) | |
| button.color.border.inactive | Border inactiv button | #9CB9D0 | rgb(156,185,208) | |
| button.color.pattern.active | Pattern activ (State id = 1) | #C2E2FF | rgb(194,226,255) | |
| button.color.pattern.down | Pattern down (State id = 4) | #004882 | rgb(0,72,130) | |
| button.color.pattern.hover | Pattern hover (State id = 3) | #004882 | rgb(0,72,130) | |
| button.color.pattern.inactive | Pattern inactiv (State id = 2) | #004882 | rgb(0,72,130) | |
| button.color.state.active | State activ (State id = 1) | #004882 | rgb(0,72,130) | |
| button.color.state.down | State down (State id = 4) | #789DBA | rgb(120,157,186) | |
| button.color.state.hover | State hover (State id = 3) | #FEA217 | rgb(254,162,23) | |
| button.color.state.inactive | State inactiv (State id = 2) | #F8FAFB | rgb(248,250,251) | |
| button.color.text.active | Button label | #004882 | rgb(0,72,130) | |
| button.color.text.inactive | Button label inactiv button | #9CB9D0 | rgb(156,185,208) |
Weiter
Andere Painter-Ressourcen
Farbpalette DefaultPainter
Alle Farben des Standarddesigns – die Palette und die Zuordnung zu den einzelnen Bausteinen.
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.