如何在PHP中将十六进制颜色代码值转换为精确阴影?

时间:2017-01-28 09:08:16

标签: php

enter image description here

选项标签中显示的#codes值实际上是颜色代码值。我需要显示除此值之外的确切颜色阴影,这样任何人都可以理解他采摘的是什么颜色。我怎样才能在php和JavaScript的?请帮帮我

1 个答案:

答案 0 :(得分:1)

以下是用户选择颜色时如何设置颜色的示例。这应该很容易理解。每当用户更改选择选项时,我都会获取值并设置#collection元素的背景。这是使用纯JS而不是jQuery完成的。

<?php
$colors = ['#ff0000','#00ff00','#0000ff'];
?>
<select onchange="colorChange()" id = "color-picker">
    <?php
    foreach ($colors as $color) {
        echo "<option value='$color'>$color</option>";
    }
    ?>
</select>
<div id="color-picked">

</div>

<style type="text/css">
    #color-picker {
        float: left;
        height: 20px;
    }

    #color-picked {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        float: left;
        margin-left: 20px;
    }
</style>

<script type="text/javascript">
    function colorChange() {
        colorPicker = document.getElementById('color-picker');
        colorPicked = document.getElementById('color-picked');
        colorPicked.style.background = colorPicker.value
        console.log(colorPicker.value)
    }
</script>