Leonardo

Analysis color space

Charts and models will display in the selected color space. A uniform color space is recommended.

Theme settings

100%
100%
100%

Add a color scale to begin

Monochromatic preview (ordered by contrast ascending)
Contrast
Lightness

Color wheel settings

WCAG compliance

Colorblind support
11
Blue 100
Blue 500
Color blind safe colors

Parameters for @adobe/leonardo-contrast-colors

See Getting started for information on how to use these parameters. 


            

          

      
          

            

              
CSS properties

              
            

      
            

              

            

          

      
          

            

              

                
Design tokens

                

                  See
                  w3c working group spec
                  for details.
                

              

              
            

      
            

              

            

          

        

      
        

          

            

              

                
Output color format

              

              

                

                  
                  

                    Output formats compliant with
                    CSS Color Module Level 4
                    . Not all formats supported.
                  

                

              

            

          

        

      


      

      

        

          
Add bulk key colors to color scale

          

          

            
              
Enter hex colors separated by comma or new line.

              
These will be added as key colors to this color scale. 

            
            

              

                
                

                  
                

              

            

          

          

            
            
      
          

        

      

      

        

          
Import lightness stops

          

          

            
              
Enter hex colors separated by comma or new line.

              
These will be converted and added as lightness stops. 

            
            

              

                
                

                  
                

              

            

          

          

            
            
      
          

        

      

      

        

          
Import from URL

        

        

          
            
Enter the URL of your existing color to add to this theme.

            
The configurations will be added to a new color scale.

          
          

            

              
              

                
              

            

          

        

        

          
          
        

      


      

        

          
You're in CVD simulation mode. Copying generated colors will not be affected by simulation mode.