Cyber Palette & WCAG Lab

Generator skema warna antarmuka modern dengan kalkulasi rasio kontras aksesibilitas WCAG (AAA/AA) instan. Salin konfigurasi Tailwind CSS dan variabel CSS dalam satu klik.

Pilihan Preset:

Variabel & Token Warna

Primary Accent#22d3ee

Secondary Accent#ec4899

Background#020617

Surface / Card#090d16

Audit Aksesibilitas Kontras (WCAG 2.1)

Body Text on Background

Minimum 4.5:1 for AA, 7.0:1 for AAA

19.28:1AAA PASS

Accent Visuals on Background

Minimum 3.0:1 for UI Elements

11.16:1PASS

Dark Text on Accent Button

Optimal readability on CTA

11.62:1PASS

LIVE INTERACTIVE UI MOCKUP

Preview

HIGH PERFORMANCE

Modern High-Tech Experience

Komponen antarmuka ini dirender langsung menggunakan nilai HEX palet yang Anda pilih.

99.8%

Uptime

< 50ms

Latency

100

Score

Ekspor Format Kode

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        theme: {
          accent: '#22d3ee',
          secondary: '#ec4899',
          bg: '#020617',
          surface: '#090d16',
          text: '#f8fafc',
        },
      },
    },
  },
};