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

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-1000">
<meta name="color-scheme" content="light dark">
<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='gray'>
<datalist id='gray'>
  <option>#ffffff</option>
  <option>#eeeeee</option>
  <option>#dddddd</option>
  <option>#cccccc</option>
  <option>#bbbbbb</option>
  <option>#aaaaaa</option>
  <option>#999999</option>
  <option>#888888</option>
  <option>#777777</option>
  <option>#666666</option>
  <option>#555555</option>
  <option>#444444</option>
  <option>#333333</option>
  <option>#222222</option>
  <option>#111111</option>
  <option>#000000</option>
  <option>#F00</option> <!--invalid-->
  <option>red</option> <!--invalid-->
</datalist>

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