Online Advanced Image to PDF Converter

Convert your images to PDF with customizable settings

Drag & Drop your images here

or

Browse Files

PDF Settings

Page Size: A4 (210 × 297 mm) Letter (8.5 × 11 in) Legal (8.5 × 14 in) Tabloid (11 × 17 in) Custom

Width (mm):

Height (mm):

Page Orientation: Portrait Landscape

Image Position: Center Top Bottom Left Right Stretch to fit

Margin Size (mm):

10

PDF Title (optional):

Add page numbers

Page Background Color:

Image Border Style: None Solid Dashed Dotted

Border Color:

Border Width (px):

2

Add Watermark

Watermark Text:

Watermark Color:

Watermark Opacity:

50

Watermark Size: Small Medium Large

Watermark Angle:

45

Preparing conversion...

Image to PDF Converter © 2023 | All conversions happen in your browser - your files are never uploaded to any server.

#

Website Color System Guide

1. Introduction

This color system establishes visual consistency across our Image to PDF Converter application. The carefully selected palette:

• Enhances usability and accessibility
• Creates visual hierarchy
• Communicates meaning through color
• Maintains professional appearance

2. Color Palette

#4a6fa5

#166088

#4fc3f7

#f8f9fa

#343a40

#28a745

#ffc107

#dc3545

3. How to Use These Colors

CSS Variables

All colors are defined as CSS variables in the :root selector:

:root {
    --primary: #4a6fa5;
    --primary-dark: #166088;
    --accent: #4fc3f7;
    --light: #f8f9fa;
    --dark: #343a40;
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
}

Implementation Examples

Buttons:

Primary Button Success Button Danger Button

CSS:

.btn-primary {
    background-color: var(--primary);
    color: white;
}

.btn-primary:hover {
    background-color: var(--primary-dark);
}

4. Why This Color System?

Design Principles

• Accessibility: Sufficient contrast ratios (4.5:1 minimum)
• Consistency: Unified look across all components
• Meaning: Colors communicate status and importance

Color Psychology

Color	Psychological Effect	Use Case
Primary Blue	Trust, professionalism	Main actions, headers
Success Green	Positive, growth	Success messages, confirmations
Danger Red	Urgency, warning	Errors, destructive actions

5. Customization Guide

To modify the color scheme:

1. Update the HEX values in the :root variables
2. Ensure new colors maintain proper contrast
3. Test in different lighting conditions
4. Verify accessibility with tools like WebAIM Contrast Checker