Lut Generator | 0.15 [upd]

.coord-readout background: #03060c; padding: 0.3rem 1rem; border-radius: 2rem; font-family: 'Fira Code', monospace; font-size: 0.9rem; letter-spacing: 0.5px; border: 1px solid #2d3e5a; box-shadow: inset 0 0 4px #00000055;

.title-badge span color: #7aaef0; font-weight: 300;

.info-bar display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; margin-bottom: 0.8rem; color: #bfd9ff; font-weight: 500; lut generator 0.15

<script> (function() // ----------------------------- CONFIGURATION --------------------------------- const LUT_SIZE = 16; // 16x16 look-up table const CELL_SIZE = 32; // 512/16 = 32px per cell const CANVAS_SIZE = LUT_SIZE * CELL_SIZE; // 512

button:hover background: #2d405b; transform: translateY(-2px); border-color: #5f8ec9; color: white; box-shadow: 0 8px 16px rgba(0,0,0,0.3); .coord-readout background: #03060c

<div class="info-bar"> <div class="title-badge">⚡ LUT GENERATOR <span>v0.15</span></div> <div class="coord-readout" id="coordDisplay">⏺ hover: [— , —]</div> <div class="value-readout" id="valueDisplay">LUT value: 0.00</div> </div>

.slider-container display: flex; align-items: center; gap: 12px; background: #0f121cb3; padding: 0.2rem 1rem; border-radius: 3rem; backdrop-filter: blur(4px); padding: 0.3rem 1rem

input[type="range"]:focus outline: none;