How to calculate the value of the colors 'shade' and 'tint'

@alain23 wrote:

Good morning everyone and thanks for answering, I am using Ionic 4 and I know that the way to declare new colors is different from Ionic 3, and I also know that there is an online color generator for this purpose. This tool is good but I would like to improve this by creating a better one. my question is how I calculate the colors ‘shade’ and ‘tint’.

.ion-color-orange {
  --ion-color-base: #F0B50C;
  --ion-color-base-rgb: 240,181,12;
  --ion-color-contrast: #000000;
  --ion-color-contrast-rgb: 0,0,0;
  --ion-color-shade: #d39f0b; /*How can I calculate this color?*/
  --ion-color-tint: #f2bc24;  /*How can I calculate this color?*/
}

Posts: 1

Participants: 1

Read full topic