SEO 메타 태그 생성기 SEO·Open Graph·Twitter Card 메타 태그를 자동으로 생성하고 구글·페이스북·트위터 미리보기로 확인하세요.

Convert images between JPG, PNG, WEBP, BMP, and GIF instantly in your browser. No files are uploaded to any server.

Convert between HTML and Markdown instantly. Live preview, syntax highlighting, and clean output — all in your browser.

Compress JavaScript, CSS, HTML, and JSON instantly in your browser. No uploads, no server — 100% local processing.

RAG (Retrieval-Augmented Generation) is a technique that improves AI answers by first searching relevant documents, then feeding that context to a language model to generate accurate, up-to-date responses. Think of it like an open-book exam — instead of relying solely on memorized knowledge, the AI can look up relevant information before answering.

Online formatter powered by Prettier — HTML · CSS · JavaScript. Paste your code and click Format.

JSON utilities are tools and classes used to read, write, format (beautify), and validate JSON data, or to convert between objects and text in programming languages.

개발자용 네이밍 케이스 8종 camelCase · PascalCase · snake_case · SCREAMING_SNAKE · kebab-case · UPPER-KEBAB · dot.case · path/case 특수 변환 13종 전각/반각 · 스몰 캡스 · 위/아래 첨자 · 취소선 · 밑줄 · 버블 텍스트 · 사각 텍스트 · 모스 부호 · 이진수(ASCII) · ROT13 추가 도구 • 텍스트 정리: 공백 제거, 빈 줄 제거, 중복 줄 제거, 줄 정렬, 줄 번호 추가/제거, 텍스트 뒤집기, 섞기 • 찾아 바꾸기: 정규식 지원, 대소문자 구분, 자주 쓰는 패턴 퀵버튼

AI 정규표현식 Generator & Tester

✅ 피커: RGB 슬라이더 + HEX 직접 입력 + HSL 변환 표시 ✅ 팔레트 생성: 보색·유사색·3색·4색·모노크롬·랜덤 자동 생성 ✅ 팔레트 뷰어: 큰 스트립 + 개별 카드 (클릭 복사) ✅ 색상 정보: HEX / RGB / HSL / HSB / CMYK 동시 표시 ✅ 저장: localStorage 팔레트 북마크 ✅ 내보내기: CSS 변수 / Tailwind config / JSON

An eight-project Arduino simulator! Every project includes real Arduino code, a live circuit diagram, and a Serial Monitor at the bottom. 💡 LED Blink — The "Hello World" of hardware. A 220Ω resistor and LED circuit, digitalWrite(13, HIGH/LOW) code, and a PWM timing diagram all run simultaneously. 🔘 Button & LED — A live visualisation of INPUT_PULLUP. Click the button to light the LED, and see the inverted logic (LOW = pressed) explained in context. 🌓 PWM Fade — Controls LED brightness with analogWrite(9, 0–255). The PWM waveform and duty cycle update in real time as the LED breathes. 🌡️ Analog Sensor — Turn the potentiometer dial to read ADC values from 0 to 1023, then watch map() rescale them to the PWM range (0–255). Includes a voltage divider explanation. ⚙️ Servo Motor — Control the servo with an angle slider. The relationship between PWM pulse width (0.5ms – 2.5ms) and output angle is visualised live. 🎨 RGB LED — Mix any colour with the R, G, and B sliders. Press AUTO for an automatic rainbow cycle. A colour wheel is shown alongside. 📡 Ultrasonic Sensor — Shows how the HC-SR04 works with a TRIG/ECHO timing diagram. Verify the formula cm = round-trip time (µs) / 58 directly. 🚦 Traffic Light — Demonstrates a Finite State Machine (FSM). The RED → RED+YELLOW → GREEN → YELLOW cycle runs alongside a live state-transition diagram.