RGB till HSB (HSV)
Sida: 1 2 3 4 5 6 7 8
![1.jpg](https://static.wixstatic.com/media/4f70f3_09bca4cd26ac43708906a05471ea261a~mv2.jpg/v1/fill/w_813,h_406,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/1.jpg)
1. Absolutvärdesomvandling
1.0 – Absolutvärdesomvandling:
![1.0.jpg](https://static.wixstatic.com/media/4f70f3_526ada11ae7f430597d052574e5d4843~mv2.jpg/v1/fill/w_795,h_300,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_0.jpg)
1.1 - Exempel:
![1.jpg](https://static.wixstatic.com/media/4f70f3_32aa77596049471e88361c33bc88db45~mv2.jpg/v1/fill/w_795,h_1621,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1.jpg)
2. Beräkning av ljusstyrka (B)
2.0 - Beräkning av ljusstyrka:
![1.0.jpg](https://static.wixstatic.com/media/4f70f3_d6910733355c465fb0eef398e4d19223~mv2.jpg/v1/fill/w_773,h_379,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_0.jpg)
2.1 - Exempel:
![1.1.jpg](https://static.wixstatic.com/media/4f70f3_042fea44e1c5413a9229f7f6b25aa5ad~mv2.jpg/v1/fill/w_795,h_771,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_1.jpg)
2.2 - Illustration:
![Ljusstyrka copy.jpg](https://static.wixstatic.com/media/4f70f3_60ec1e15346040aaafc04ede6f1b2b01~mv2.jpg/v1/fill/w_763,h_296,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Brightness%20copy.jpg)
Steg 1: RGB (Av 0 – 255) omvandlat i procent (0–100) motsvarar ljusstyrka i procent (0–100).
Steg 2: RGB max (Av 0 – 255) likställs med ljusstyrka i procent (Av 0–100).
3. Beräkning av mättnad (S)
3.0 - Beräkning av mättnad:
![1.0.jpg](https://static.wixstatic.com/media/4f70f3_69d4a3e0896d4d9a9063a55bb558ef29~mv2.jpg/v1/fill/w_795,h_940,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_0.jpg)
3.1 - Omvandling av ekvationen:
![1.1. copy.jpg](https://static.wixstatic.com/media/4f70f3_9a7eb4e500304720865240ee98822223~mv2.jpg/v1/fill/w_781,h_477,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_1_%20copy.jpg)
3.2 - Exempel:
![Namnlös-12 copy.jpg](https://static.wixstatic.com/media/4f70f3_b0aa7bfc57d94509b312423077b6a387~mv2.jpg/v1/fill/w_794,h_770,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Untitled-12%20copy.jpg)
1.0 - Om ljusstyrkan är 100 %:
![1.3.jpg](https://static.wixstatic.com/media/4f70f3_81caf37a35984b5e8507609f13cd4faa~mv2.jpg/v1/fill/w_772,h_375,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_3.jpg)
Hur man ritar: [ Se färginversion ]
4. Beräkning av nyans
4.0 - Beräkning av nyans:
![1.0.jpg](https://static.wixstatic.com/media/4f70f3_f77c6b9672bf43f2a7a471da1ac5d768~mv2.jpg/v1/fill/w_795,h_1006,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_0.jpg)
![1.2.jpg](https://static.wixstatic.com/media/4f70f3_c074c75059024555ba8fd425ff2e9c5e~mv2.jpg/v1/fill/w_771,h_365,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_2.jpg)
4.1 - R′, G′, B′ max:
![1.2.jpg](https://static.wixstatic.com/media/4f70f3_30ed2cae3f1644b89301b243f0bc502d~mv2.jpg/v1/fill/w_794,h_609,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_2.jpg)
4.1 - Exempel:
![1.1.jpg](https://static.wixstatic.com/media/4f70f3_14262076d462452d9e5b195c37b6b50a~mv2.jpg/v1/fill/w_795,h_1113,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_1.jpg)
5. Grafisk illustration
5.0 - Fördelning av R, G, B från 0° - 360° - Illustration:
![1.4.jpg](https://static.wixstatic.com/media/4f70f3_e3fff9d4a6444d3dbaeebc34f39b127c~mv2.jpg/v1/fill/w_777,h_477,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_4.jpg)
1. Konvertera RGB-decimalkoden för rött, gult, grönt, cyan, blått och magenta från 0 – 255 till 0 – 1.
- Röd = (R:1, G:0, B:0), Gul = (R:1, G:1, B:0), Grön = (R:0, G:1, B:0) ), Cyan = (R:0, G:1, B:1), Blå = (R:0, G:0, B:1) och Magenta = (R:1, G:0, B :1).
2. Beräkna nyansen för rött, gult, grönt, cyan, blått och magenta och placera dem i rätt ordning i diagrammet.
- Röd = 0°, Gul = 60°, Grön = 120° och Cyan = 180°. Blå = 240°, magenta = 300°.
3. Gradienten för rött, grönt och blått kan sedan skapas genom att följa decimalkoderna:
- Röd gradient = R;1, Y;1, G;0, C;0, B;0, M;1, R;1.
- Grön-gradient = R;0, Y;1, G;1, C;1, B;0, M;0, R;0.
- Blå gradient = R;0, Y;0, G;0, C;1, B;1, M;1, R;0.
4. Rita grafen genom att följa koden för gradienterna.
- R′G′B′ min = 0 ,
- R′G′B′ max = 1 .
​
5. RGB-spektrumet kan äntligen genereras genom att blanda de röda, gröna och blåa gradienterna med hjälp av Lighten filtret i Photoshop.
5.1 - Hur tolkas grafen:
![2 copy.jpg](https://static.wixstatic.com/media/4f70f3_2340b0c599da4344abd03f07c4fbf440~mv2.jpg/v1/fill/w_788,h_608,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/2%20copy.jpg)
Oberoende av mättnad och ljusstyrka:
1. Från 0° till 60°:
Värdet på B och R ändras inte: B = RGB min, R = RGB max.
Värdet på G ändras successivt från RGB min till RGB max (Lutning uppåt).
​
2. Från 60° till 120°:
Värdet på B och G ändras inte: B = RGB min, G = RGB max.
Värdet på R ändras successivt från RGB max till RGB min (lutning nedåt).
​
3. Från 120° till 180°:
Värdet på R och G ändras inte: R = RGB min, G = RGB max.
Värdet på B ändras successivt från RGB min till RGB max (Lutning uppåt).
​
4. Från 180° till 240°:
Värdet på R och B ändras inte: R = RGB min, B = RGB max.
Värdet på G ändras successivt från RGB max till RGB min (lutning nedåt).
​
5. Från 240° till 300°:
Värdet på G och B ändras inte: G = RGB min, B = RGB max.
Värdet på R ändras successivt från RGB min till RGB max (Lutning uppåt).
​
6. Från 300° till 360° (tillbaka till 0):
Värdet på G och R ändras inte: G = RGB min, R = RGB max.
Värdet för B ändras successivt från RGB max till RGB min (lutning nedåt).
5.2 - R, G, B - Jämlikhet (=):
![1.1.jpg](https://static.wixstatic.com/media/4f70f3_4a270e7310da43c187c587e524bea39a~mv2.jpg/v1/fill/w_795,h_844,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_1.jpg)
![1.6.jpg](https://static.wixstatic.com/media/4f70f3_8df8b7dc09124d2fbf53957176d83180~mv2.jpg/v1/fill/w_795,h_892,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/1_6.jpg)
6. Illustration av R'G'B' max (M) och R'G'B' min (m)
![4 kopia 2.jpg](https://static.wixstatic.com/media/4f70f3_838a837ec9c94bdca0d7ffc0b9c53fd6~mv2.jpg/v1/fill/w_791,h_552,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/4%20copy%202.jpg)