Гласные А [а], О [о], У [у], Ы [ы], Э [э] → один звук → обозначают твёрдость согласных звуков → синий квадратик
мак - [ма]к
Гласные Я [й'а] - ['а] , Ё [й'о] - ['о], Ю [й'у] - ['у], И ['и], Е [й'э] - ['э] → (кроме И) два звука (в начале слова; после разделительных Ь и Ъ; после гласной) → обозначают мягкость согласных звуков → зелёный квадратик
Гласные А [а], О [о], У [у], Ы [ы], Э [э] → один звук → обозначают твёрдость согласных звуков → синий квадратик
мак - [ма]к
Гласные Я [й'а] - ['а] , Ё [й'о] - ['о], Ю [й'у] - ['у], И ['и], Е [й'э] - ['э] → (кроме И) два звука (в начале слова; после разделительных Ь и Ъ; после гласной) → обозначают мягкость согласных звуков → зелёный квадратик
мята - [м'а]та
юла - [й'у]ла