chromium/third_party/blink/web_tests/fast/forms/color/color-suggestion-picker-appearance-value-attribute.html

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-1000">
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/picker-common.js"></script>

<input type='color' value='#ff0000' list='colors'>
<datalist id='colors'>
    <option value='#ff00ff'>F</option>
    <option value='#eee00e'>E</option>
    <option value='#d00ddd'>D</option>
    <option value='#00cccc'>C</option>
    <option value='#bbbb00'>B</option>
    <option value='#aa00aa'>A</option>
    <option value='#009999'>9</option>
    <option value='#800888'>8</option>
    <option value='#777700'>7</option>
    <option value='#006666'>6</option>
    <option value='#550055'>5</option>
    <option value='#444004'>4</option>
    <option value='#333300'>3</option>
    <option value='#200222'>2</option>
    <option value='#111001'>1</option>
    <option value='#000000'>0</option>
    <option value='#F00'>f00</option> <!--invalid-->
    <option value='red'>red</option> <!--invalid-->
</datalist>

<script>
  window.onload = openPickerAppearanceOnly(document.querySelector('input'));
</script>