RGB к HSL преобразования кажется визуальным видом на Value, но не визуально
-
08-10-2019 - |
Вопрос
Вопрос нуба здесь.
- Допустим, у меня есть значения RGB: R: 53, G: 37 и B: 11
Итак, я установил цвет фона прямоугольника с:
[UIColor colorWithRed:0.53 green:0.37 blue:0.11 alpha:1.00];
Теперь я делаю RGB в HSL преобразования, который дает: H: 0,10, это S: 0,16 и L: 0.13
Итак, я установил цвет фона одинакового прямоугольника с:
[UIColor colorWithHue:0.10 saturation:0.16 brightness:0.13 alpha:1.00];
Дело в том, что цвет HSL выглядит ничего Как цвет RGB. Я сравнил свой результат преобразования против онлайн-конвертера, и он выглядит хорошо, насколько я могу сказать.
Я, скорее всего, неправильно интерпретирую что-то неправильно.
Решение
Функция UICOLOR применяет HSB, которая отличается от HSL.
Другие советы
Как отметил Доминик, вы перепутали HSB / HSV и HSL.
Здесь вы найдете как категория Для Uiimage для преобразования в HSB
редактировать
Ссылка теперь направляет к гисту, которое я создал из этого кода. Я нашел его в другом проект GitHub.
Вот с открытой исходной смесью DruPals Color Fuctions + некоторые различные программисты работы, смешанные в одну единственную функцию, хвастовство RGB> HSL и обратно. Работает безупречно.
<?php
### RGB >> HSL
function _color_rgb2hsl($rgb) {
$r = $rgb[0]; $g = $rgb[1]; $b = $rgb[2];
$min = min($r, min($g, $b)); $max = max($r, max($g, $b));
$delta = $max - $min; $l = ($min + $max) / 2; $s = 0;
if ($l > 0 && $l < 1) {
$s = $delta / ($l < 0.5 ? (2 * $l) : (2 - 2 * $l));
}
$h = 0;
if ($delta > 0) {
if ($max == $r && $max != $g) $h += ($g - $b) / $delta;
if ($max == $g && $max != $b) $h += (2 + ($b - $r) / $delta);
if ($max == $b && $max != $r) $h += (4 + ($r - $g) / $delta);
$h /= 6;
} return array($h, $s, $l);
}
### HSL >> RGB
function _color_hsl2rgb($hsl) {
$h = $hsl[0]; $s = $hsl[1]; $l = $hsl[2];
$m2 = ($l <= 0.5) ? $l * ($s + 1) : $l + $s - $l*$s;
$m1 = $l * 2 - $m2;
return array(_color_hue2rgb($m1, $m2, $h + 0.33333),
_color_hue2rgb($m1, $m2, $h),
_color_hue2rgb($m1, $m2, $h - 0.33333));
}
### Helper function for _color_hsl2rgb().
function _color_hue2rgb($m1, $m2, $h) {
$h = ($h < 0) ? $h + 1 : (($h > 1) ? $h - 1 : $h);
if ($h * 6 < 1) return $m1 + ($m2 - $m1) * $h * 6;
if ($h * 2 < 1) return $m2;
if ($h * 3 < 2) return $m1 + ($m2 - $m1) * (0.66666 - $h) * 6;
return $m1;
}
### Convert a hex color into an RGB triplet.
function _color_unpack($hex, $normalize = false) {
if (strlen($hex) == 4) {
$hex = $hex[1] . $hex[1] . $hex[2] . $hex[2] . $hex[3] . $hex[3];
} $c = hexdec($hex);
for ($i = 16; $i >= 0; $i -= 8) {
$out[] = (($c >> $i) & 0xFF) / ($normalize ? 255 : 1);
} return $out;
}
### Convert an RGB triplet to a hex color.
function _color_pack($rgb, $normalize = false) {
foreach ($rgb as $k => $v) {
$out |= (($v * ($normalize ? 255 : 1)) << (16 - $k * 8));
}return '#'. str_pad(dechex($out), 6, 0, STR_PAD_LEFT);
}
/* $testrgb = array(0.2,0.75,0.4); //RGB to start with
print_r($testrgb); */
print "Hex: ";
$testhex = "#b7b700";
print $testhex;
$testhex2rgb = _color_unpack($testhex,true);
print "<br />RGB: ";
var_dump($testhex2rgb);
print "<br />HSL color module: ";
$testrgb2hsl = _color_rgb2hsl($testhex2rgb); //Converteren naar HSL
var_dump($testrgb2hsl);
print "<br />RGB: ";
$testhsl2rgb = _color_hsl2rgb($testrgb2hsl); // En weer terug naar RGB
var_dump($testhsl2rgb);
print "<br />Hex: ";
$testrgb2hex = _color_pack($testhsl2rgb,true);
var_dump($testrgb2hex);
?>