Want to create interactive content? It’s easy in Genially!

Get started free

Dadi

Nadia Bassi

Created on September 28, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Decades Presentation

Color and Shapes Presentation

Historical Presentation

To the Moon Presentation

Projection Presentation

Microparticles Presentation

Superheroes Presentation

Explore all templates

Transcript

EstensioneDADI

CREARE DADI PERSONALIZZATI

Istruzioni e comandi

  • rgba(150,50, 50, 9)
  • 1px inset hsla(100, 100%, 90%, 1)
  • rgba(200,210,255,1)

A cosa serve?

Con questa funzione si possono creare dei dadi personalizzati sia nel numero di facce che nel contenuto di ciascuna faccia.Possono essere utilizzati per giochi, calcoli, storytelling...

  • rgba(231, 234, 50,.75)
  • rgba(255, 0, 229,1)
  • rgba(50, 50, 50,.75)
  • rgba(255, 255, 229,1)

DADI - COLORI PERSONALIZZATI

  • rgba(145,55,200,0.5)
  • 2px inset hsla(0, 94%, 49%, 1)
  • rgba(21,18,217,1)

Usa questo selettore per ottenere il codice colore per creare i tuoi dadi. Se R: 50, G: 50, B: 50 il codice sarà rgba (50, 50, 50, 1). Possiamo ridurre l'opacità con i decimali, ad esempio al 50% usando rgba (50, 50, 50, 0.5)

Dadi colori personalizzati:ecco i passaggi

Per saperne di più...

Valori hsla.

Valori rgb.

  1. Seleziona il colore che disideri per lo SFONDO e indica i valori RGB. Per ultimo indica la trasparenza (0 = trasparente; 1 = coprente)
  2. Indica il n° di pixel di spessore del BORDO. Poi seleziona il colore che disideri per il bordo e indica i valori hsla. Per ultimo indica la trasparenza (0 = trasparente; 1 = coprente)
  3. Seleziona il colore che disideri per il PALLINO e indica i valori RGB. Per ultimo indica la trasparenza (0 = trasparente; 1 = coprente)
  • rgba(146,201, 50, 1)
  • 1px inset hsla(34, 0%, 0%, 1)
  • rgba(34,159,236,1)

DADI - FACCE PERSONALIZZATE

E' sufficiente:

  • avere un dado già pronto e 6 IMMAGINI (non testi): una per ogni faccia del dado. Se l'immagine ha fondo trasparente non c'è problema, altrimenti sarebbe meglio fosse di forma quadrata e della dimensione del dado;
  • posizionare le 6 immagini nel centro del dado e raggruppare tutto

Dadi facce personalizzate:ecco i passaggi

1) Copia il dado della dimensione che vuoi e preparati 6 immagini

3) Raggruppa il tutto.

2) Posiziona le 6 immagini sul centro del dado

4) Prova se funziona

DADI CON NUMERO DI FACCE DIVERSO DA 6

  • rgba(250,250, 250,.75)
  • rgb(5,55, 9)
  • rgba(50, 50, 50,.75)
  • rgb(255, 0, 229)
  • rgba(50, 50, 50,.75)
  • rgb(255, 0, 229)
  • rgba(231, 234, 50,.75)
  • rgba(255, 0, 229,1)
  • rgba(250,250, 250,.75)
  • rgba(5,55, 9,1)
  • rgba(100, 50, 50,.75)
  • rgb(255, 0, 229)
  • rgba(50, 50, 50,.75)
  • rgba(255, 255, 229,1)

Analisi dei comandi

Colore dello sfondo del dado. Si indicano i valori RGB nell'ordine. L'ultimo numero indica la trasparenza e va da 0 (trasparente) a 1 (coprente)

  • rgba(50,50, 50, 9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)

Colore e spessore del bordo. Il primo valore indica il numero di pixel di spessore. Poi si indicano i valori hsla. L'ultimo numero indica la trasparenza e va da 0 (trasparente) a 1 (coprente)

Colore dei pallini all'interno. Il primo valore indica il numero di pixel di spessore. Poi si indicano i valori RGB. L'ultimo numero indica la trasparenza e va da 0 (trasparente) a 1 (coprente)

Comandi pronti all'uso

Fai una copia dei dadi che ti servono e incollali sulla tua pagina Genially. Poi modificali come preferisci per creare il tuo lavoro!

  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(24,210,255,1)

Copia direttamente il dado della dimensione e forma che preferisci.Copia anche il codice per modificare i colori.

Se vuoi un dado classico, ma con i colori che piacciono a te, modifica il codice colore Se invece vuoi delle immagini, posizione le 6 immagini sul centro del dado e poi raggruppa.

Usa questo selettore per ottenere il codice colore per creare i tuoi dadi.

PS: ce ne sono anche nella pagina seguente!!!

Comandi pronti all'uso

Fai una copia dei dadi che ti servono e incollali sulla tua pagina Genially. Poi modificali come preferisci per creare il tuo lavoro!

Copia direttamente il dado della dimensione e forma che preferisci.Copia anche il codice per modificare i colori.

  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(24,210,255,1)
  • rgba(25,25, 25,.9)
  • 10px inset hsla(0, 100%, 49%, 1)
  • rgba(24,210,255,1)

Nelle ultime pagine trovi alcuni dadi pronti per l'uso

E ora tocca a te!

Prova a creare un dadocome piace a te.

Esempi di dadi pronti all'uso

  • rgb(235,10,10)
  • 1px inset hsla(0, 1
  • 100% PERSONALIZZABILI #ispirazioneSandbox00%, 98%, 1)
  • rgba( 5,55, 9,1)
  • linear-gradient(130deg, rgba(255.105.180) 40%, rgba(150,24,227,.8) 100%)
  • 1px inset hsla(0, 100%, 98%, 1)
  • radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)
  • hsla(23, 91%, 52%, 0.9)
  • 1px inset hsla(127, 100%, 24%, 1)
  • radial-gradient(circle, rgba(255,238,246,1) 0%, rgba(150,24,227,1) 100%)
  • hsla(145, 49%, 68%)
  • 1px inset hsla(127, 100%, 24%, 1)
  • radial-gradient(circle, rgba(120,14,69) 0%, rgba(208,18,222,1) 100%)
  • linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
  • 1px inset hsla(0, 100%, 98%, 1)
  • radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

Se vuoi usa direttamente questi dadi già pronti! Dadi a 6 facce grandi...

  • rgb(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(5,55, 9,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
  • 1px inset hsla(0, 100%, 98%, 1)
  • radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

Esempi di dadi pronti all'uso

  • hsla(248, 86%, 53%, 1)
  • 1px inset hsla(0, 100%, 98%, 1)

Se vuoi usa direttamente questi dadi già pronti! Dadi a 6 facce medi...

  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • hsla(0, 100%, 50%, 1)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(41,253, 38)
  • 1px inset hsla(0, 100%, 98%, 1) 255,238,246,1) 50%,
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 9 8%, 1)
  • rgba(244,210,255,1)
  • rgba(50,50, 50, 9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 9 8%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 9 8%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • hsla(0, 0%, 0%, 0)
  • 1px inset hsla(0, 0%, 0%, 1)
  • radial-gradient(circle, rgba(0,0,0) 0%, rgba(0,0,0) 0%)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)
  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)

Esempi di dadi pronti all'uso

Se vuoi usa direttamente questi dadi già pronti! Dadi a 6 facce piccoli...

  • hsla(123, 91%, 52%, 0.9)
  • 1px inset hsla(127, 100%, 24%, 1)
  • radial-gradient(circle, rgba(255,238,246,1) 0%, rgba(150,24,227,1) 100%)
  • hsla(199, 100%, 50%, 1)
  • 1px inset hsla(8, 50%, 50%, 1)
  • radial-gradient(circle, rgba(900,500,500) 100%, rgba(90,90,05) 0%)
  • hsla(188, 100%, 50%, 1)
  • 1px inset hsla(10, 100%, 50%, 1)
  • radial-gradient(circle, rgba(235,19,19) 0%, rgba(244,210,255,1) 100%)
  • hsla(0184, 62%, 71%, 0,5)
  • 1px inset hsla(184, 62%, 71%, 0,5)
  • radial-gradient(circle, rgba(235,19,19) 0%, rgba(235,19,19) 100%)
  • hsla(64, 100%, 50%, 1)
  • 1px inset hsla(98, 100%, 50%, 1)
  • radial-gradient(circle, rgba(0,0,205) 0%, rgba(0,90,205) 0%)

Esempi di dadi pronti all'uso

Se vuoi usa direttamente questi dadi già pronti! Dadi a un numero diverso di facce...

  • rgba(100, 50, 50,.75)
  • rgb(255, 0, 229)
  • rgba(50, 50, 50,.75)
  • rgb(255, 0, 229)
  • rgba(250,250, 250,.75)
  • rgb(5,55, 9)
  • rgba(231, 234, 50,.75)
  • rgba(255, 0, 229,1)
  • rgba(50, 50, 50,.75)
  • rgb(255, 0, 229)
  • rgba(250,250, 250,.75)
  • rgba(5,55, 9,1)
  • rgba(50, 50, 50,.75)
  • rgba(255, 255, 229,1)

Esempi di dadi pronti all'uso

Se vuoi usa direttamente questi dadi già pronti! Dadi miei...

  • rgba(146,201, 50, 1)
  • 1px inset hsla(34, 0%, 0%, 1)
  • rgba(34,159,236,1)
  • rgba(146,201, 50, 1)
  • 1px inset hsla(34, 0%, 0%, 1)
  • rgba(34,159,236,1)
  • rgba(150,50, 50, 9)
  • 1px inset hsla(100, 100%, 90%, 1)
  • rgba(200,210,255,1)
  • rgba(150,50, 50, 9)
  • 1px inset hsla(100, 100%, 90%, 1)
  • rgba(200,210,255,1)
  • rgba(150,50, 50, 9)
  • 1px inset hsla(100, 100%, 90%, 1)
  • rgba(200,210,255,1)