English

Lut Generator 0.15 -

Categories

Lut Generator 0.15 -

.slider-container label font-size: 0.75rem; font-weight: 500; color: #8aaee0;

.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; lut generator 0.15

<div class="controls"> <button id="randomizeBtn">🎲 RANDOMIZE LUT</button> <button id="smoothBtn">🌀 SMOOTH (3x3 blur)</button> <button id="gradientBtn">🌈 GRADIENT DIAGONAL</button> <button id="clearBtn">❄️ CLEAR (ZERO)</button> <div class="slider-container"> <label>🔮 EDIT STRENGTH</label> <input type="range" id="editStrength" min="0" max="1" step="0.01" value="0.35"> </div> </div> <div class="controls"> <button id="sinusoidalBtn">🌊 SINUSOIDAL RIPPLE</button> <button id="checkerBtn">◩ CHECKERBOARD 8x8</button> <button id="invertBtn">◐ INVERT LUT</button> </div> <div class="footer-note"> ✦ 16x16 programmable LUT | Click / Drag on cells to paint values | Each cell = 32x32px ✦ </div> </div> </div> .slider-container label font-size: 0.75rem

.title-badge span color: #7aaef0; font-weight: 300; .coord-readout background: #03060c

.lut-panel background: #0a0d14; border-radius: 2rem; padding: 1.5rem; box-shadow: inset 0 2px 6px rgba(0,0,0,0.6), 0 8px 20px rgba(0,0,0,0.3);

<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>