This is a very valuable tool that's surprisingly not available online. I decided to make a simple solution that could be quickly used to generate beautiful labels, a must have in any lab.

Inputs

In the inputs that allow HTML you can use <br> to input a line break. You can also use any other HTML tags! For example, <b>Text</b> shows bold text and <i>Wathever</i> shows italic text.

Basic

You may only enter one of the options.
PubChem's CID:
SMILES:
Name (First Match):
Label presets: Compact Label Small Label Normal Label Detailed Label (Changes customization!)

Renderer Settings

This setting may be useful if the generated image is buggy or you are working with coordination complexes which are not very well supported.
Use PubChem image instead of generated one. Download by screenshot!

Image Scale:
Bond Width (Pixels):
Use colored atoms

Draw terminal carbons as CH₃
Atom Size:
Draw atoms as a circle

Customization

Layout type: Horizontal Vertical Corners

Custom Name:

Custom Text:

Custom Properties:

Custom Formula:

Show Image

Image Width:

Image Height:

Margins:

Hazard Configuration

Hazard type: No Hazards Shown GHS Danger (Force) GHS Hazards Custom GHS Hazards NFPA diamond (Manual input) GHS Hazards (No Text)

You may toggle the icons manually. Insert the appropriate text into Extra Hazard Text.

Fire: 0 1 2 3 4 ?

Health: 0 1 2 3 4 ?

Reactivity: 0 1 2 3 4 ?

Other: OX W SA COR ACID ALK ☣ ☢ CRY None

Hazard Icon Size:

Extra Hazard Text:

Use Unknown Hazard Symbol

Other Configurations

(Warning: Some may not be available, or not correctly extracted!)

Formula

Molar Mass

Density

Melting Point

Boiling Point

Flash Point

Vapor Pressure

Pixel Density: High values may slow down your browser, but very low values will be very pixelated once you save them. The default value should be more than enough for printing.

Results

Use this button if the molecule is badly rendered or atoms are clumped up, as there's an element of chance in the molecule geometry engine.

Regenerate

1	2
3

To download the file, you can right-click and save the image. Alternatively, you may copy-paste the image into an image editing software to print multiple labels at once.

If you have used the pubchem images, you must take a screenshot with a screenshot software, such as Window's Snipping Tool. This limitation has to do with how JavaScript handles off-site resources, and cannot be fixed easily.

Credits

PubChem is used to obtain the information and GHS hazard information. Optionally, it's also used to obtain a representation of the molecule.

OpenBabel is used to convert the SMILES given by PubChem into a MOL file, and to generate the position of the atoms inside of this file. ChemDoodle is used to draw the MOL file into a canvas, allowing the image to be downloaded.

Lastly, html2canvas allows converting the label into a downloadable image.

GHS pictograms (Including the unofficial question mark one) were obtained from Wikipedia, they are in the public domain.

I (tatjam) have glued these great tools together into this generator. You can give feedback and check the source code at github.