Free Tools

Generate properly formatted citations in APA, MLA, Chicago, and Harvard styles — for books, journal articles, websites, and conference papers. Paste them directly into your bibliography or export as text. Generator Bibliography Source Type Book Journal Article Website Conference Paper Citation Style APA 7th MLA 9th Chicago 17th Harvard Author(s) + Add Author Title Year Publisher Place of Publication Journal Name Volume Issue Pages Conference Name Conference Location DOI URL Access Date Website Name Citation Preview Reference List Fill in the fields above to generate a citation. In-text: Copy Reference Copy In-text Add to Bibliography Bibliography Sort A–Z Export as Text Clear All No citations yet. Generate one and click "Add to Bibliography". Related tools: ...

Paste your HTML, CSS, or JavaScript below and click Minify to strip whitespace, comments, and unnecessary characters. Works entirely in your browser — nothing is sent to a server. HTML CSS JavaScript Remove comments Collapse whitespace Remove optional closing tags Remove comments Remove whitespace Remove last semicolons Merge duplicate selectors Remove // comments Remove /* */ comments Collapse whitespace 📂 Upload file No file chosen ⚡ Minify ✨ Beautify 📋 Copy Result Clear Output Related tools: SQL Formatter  |  JSON Formatter ...

Instantly preview how any color or palette appears to people with different types of color vision deficiency. Useful for designers, developers, and accessibility auditors. Color Input + Add Color (max 5) Simulate Reset Simulation Results Colors are approximated using the Vienot/Brettel algorithm. Results are visual estimates, not medical definitions. Accessibility Tips Designing for Color Vision Deficiency Never rely on color alone to convey meaning — use labels, patterns, or icons alongside color. Ensure sufficient contrast between adjacent colors (aim for WCAG AA: 4.5:1 for text). Avoid red-green combinations as the primary distinguishing factor in charts or UI. Use colorblind-friendly palettes (e.g., Okabe-Ito, IBM Carbon, or Colorbrewer) for data visualization. Test your designs with a simulator — tools like this one cover the most common deficiency types. Add texture or pattern fills to charts in addition to color coding. Provide alternative text descriptions for color-coded information. Color Vision Deficiency Statistics Type Description Affected (approx.) DeuteranopiaGreen cone absent (red-green)1% of males ProtanopiaRed cone absent (red-green)1% of males DeuteranomalyGreen cone shifted (most common)5% of males ProtanomalyRed cone shifted1% of males TritanopiaBlue cone absent (blue-yellow)~0.003% (all) TritanomalyBlue cone shifted~0.01% (all) AchromatopsiaNo color vision (total)~0.003% (all) AchromatomalyReduced color visionRare Source: Colour Blind Awareness. Male prevalence is higher for X-linked types (red-green). ~8% of males and ~0.5% of females have some form of color vision deficiency. ...

Enter any foreground and background color to instantly calculate the WCAG 2.1 contrast ratio. See whether your color pair passes AA or AAA compliance for normal text, large text, and UI components. ...

Color Contrast Checker WCAG 2.1 — AA & AAA compliance checker with live preview and color blindness simulation ...

Convert any color between HEX, RGB, HSL, HSV/HSB, CMYK, and CSS named colors instantly. Pick a color, paste a value in any format, and every other format updates live. Generate lighter and darker shades, find the complementary color, and copy any format with one click. ...

Type your text, pick up to 5 color stops, and generate a beautiful color gradient across every character. Preview the result live, then copy the HTML (inline color spans) or the CSS background-clip gradient version. Your Text Hello World! Preview size: 36px Color Stops + Add Color Stop Skip spaces (no color on spaces) Bold preview Live Preview Output HTML (inline spans) CSS gradient Copy Output Reset Copied! Generate color schemes → Color Scheme Generator ...

Pick a base color, choose a harmony mode, and instantly get a beautiful 5-color palette. Lock any color to keep it while regenerating the rest. Click any swatch to copy its HEX code. ...

Pick a base color, choose a harmony type, and instantly get a complete color scheme with HEX, RGB, HSL values, CSS variables, and WCAG contrast ratios — all in your browser, no uploads, no sign-up. ...

Convert Kelvin color temperature to RGB, HEX, and HSL values instantly. Drag the slider from warm candlelight to cool blue sky, see the color preview update in real time, and copy the values with one click. 5500K Daylight 1000K Warm Neutral Cool 12000K Warm (red/orange) Neutral white Cool (blue) HEX #fff4e0 Copy RGB rgb(255, 244, 224) Copy HSL hsl(38, 100%, 94%) Copy Copy All Values Common Light Sources Candle (1900K) Tungsten (2700K) Halogen (3200K) Fluorescent (4000K) Daylight (5500K) Overcast (6500K) Shade (7500K) Blue Sky (10000K) Warm vs Cool Light Warm light (1000–3500K) has a reddish-orange hue, like candles or incandescent bulbs. It creates a cozy, relaxing atmosphere and is popular in bedrooms and restaurants. ...