Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

README.md

Colors

Table of Contents

Power Fx color utilities, conversion functions, palettes, and resources for Power Apps development.

Categories

Color conversion and manipulation functions.

File Description
color-functions.md Canvas component with accessibility color functions (color blindness simulations, contrast checking)
fxgethexfromcolor.md Convert Power Apps Color value to hex string
hex-2-rgb.md Convert hexadecimal color codes to RGB values
hsv-2-rgb.md Convert HSV to RGB color values
luminance.md Calculate luminance for accessibility
rgb-2-hsl.md Convert RGB to HSL color values
rgb-2-hsv.md Convert RGB to HSV color values
rgb-2-lin.md Convert sRGB to linearized values

Color collections, themes, and palette definitions.

File Description
color-collection.md All 140 web colors as a Power Apps collection
color-palette-pa.md Power Apps branding theme with extended colors
color-palettes.md Simple color palette configuration
color-template.md Canvas component template for color functions
microsoft-power-apps.md Microsoft branding and trademark guidelines
web-colors.md 140 web colors with categories and tags

External resources and tools.

File Description
color-resources.md External color tools, Nord theme, gradient generators

Quick Reference

Color Conversions

// HEX to RGB
With({...}, { Color: RGBA(R, G, B, 1), R: R, G: G, B: B })

// RGB to HSV
With({CMAX: Max(R,G,B), CMIN: Min(R,G,B)}, { H: ..., S: ..., V: ... })

// Color to Hex String
fxGetHexFromColor(ColorValue:Color):Text

Web Colors Collection

fxWebColors = [
    { ID: 1, Name: "AliceBlue", HexCode: "#F0F8FF", Value: ColorValue("#F0F8FF"), ... },
    // ... 140 total colors
]

Theme Palette

fxColorPalette = {
    Primary:    ColorValue("#742774"),
    Dark:       ColorValue("#BB35A4"),
    Light:      ColorValue("#D467B9"),
    Lighter:    ColorValue("#E48CC7"),
    Background: RGBA(255, 255, 255, 1),
    Text:       RGBA(0, 0, 0, 1)
}

Accessibility

The color functions include simulations for various types of color blindness:

  • Achromatomaly / Achromatopsia - Grayscale vision
  • Deuteranomaly / Deuteranopia - Green-blind
  • Protanomaly / Protanopia - Red-blind
  • Tritanomaly / Tritanopia - Blue-blind

Related Resources

Credits


Merged from color/, color-palettes/, and themes-color-palettes/ directories

History

Date Author Changes
2026-01-27 Migration Initial TOC and history section added