Create A Random Color Palette Generator in HTML CSS & JavaScript

In this video, I've shown how to create a Random Color Palette Generator in HTML, CSS, and JavaScript. When the user clicks the "Refresh Palette" button, the program generates a new set of random colors with their hex color code. Users can easily copy the hex color code by clicking on the corresponding color card.
🗂️ Get Source Code of this Random Color Generator
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work
➤ buymeacoffee.com/codingnepal
Follow me on Instagram
/ coding.np
#javascript #html #css #javascriptprojects #js
🎵 Music Credit:
Ikson - Anywhere [Official]
• #66 Anywhere (Official)
Something 'bout July (Instrumental) by RYYZN
• Something 'bout July (...
Ikson - We Are Free [Official]
• #83 We Are Free (Offic...

Пікірлер: 61

  • @CodingNepal
    @CodingNepal Жыл бұрын

    Live Demo of Random Color Generator www.codingnepalweb.com/demos/color-palette-generator-javascript/

  • @whitedevilbd

    @whitedevilbd

    Жыл бұрын

    When i put the code in Blogger page size increases, why?

  • @masterofpuppets1767
    @masterofpuppets1767 Жыл бұрын

    Pretty cool stuff, I really enjoy your content even just for watching XD

  • @Pangarmez
    @Pangarmez Жыл бұрын

    Thank you so much. This is definitely helpful , send love to you bro ❤

  • @akmal4730
    @akmal4730 Жыл бұрын

    I'm beginner bro thanks because it's for me best practices

  • @RGmotivation_01
    @RGmotivation_01 Жыл бұрын

    it is the most impressfull project ,

  • @neslisahozturk
    @neslisahozturk Жыл бұрын

    thank you, it helped me a lot

  • @_ademmeral
    @_ademmeral Жыл бұрын

    Ohhh, between 8:37 - 9:37 is a great show 👍👍

  • @viniciusmeissen
    @viniciusmeissen Жыл бұрын

    Thanks for your share

  • @mdnuruddin6623
    @mdnuruddin6623 Жыл бұрын

    Love from heart bro ❤❤

  • @malwarexpert
    @malwarexpert Жыл бұрын

    Big fan sir🥰

  • @normandie1557
    @normandie1557 Жыл бұрын

    Amazing!!! Keep it up!

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thank you!!

  • @return_undefine
    @return_undefine Жыл бұрын

    I'm improving allot on JavaScript through your tutorial 💗💚

  • @yaxahir4674

    @yaxahir4674

    Жыл бұрын

    which channel you learn java script

  • @return_undefine

    @return_undefine

    Жыл бұрын

    @@yaxahir4674 codingNepal

  • @yaxahir4674

    @yaxahir4674

    Жыл бұрын

    @@return_undefine bhai js me ek din me kitne hour du

  • @return_undefine

    @return_undefine

    Жыл бұрын

    @@yaxahir4674 please speak English

  • @yaxahir4674

    @yaxahir4674

    Жыл бұрын

    in day how much time you spend in js

  • @codingguru91
    @codingguru91 Жыл бұрын

    Nice

  • @faheemwali619
    @faheemwali619 Жыл бұрын

    Amazing!!!!🥰 Can you plz provide source code...

  • @afaqahmad8918
    @afaqahmad8918 Жыл бұрын

    Wow bro

  • @sharpeim5768
    @sharpeim5768 Жыл бұрын

    AMAZING STUFF! I'm learning a lot thanks to this tutorial; however, my mentors keep saying its a bad habit to use innerHTML. Is it ok in this case?

  • @AberrahimCoder

    @AberrahimCoder

    Жыл бұрын

    so what should we be using

  • @MyMomCallsMeCyb3rMan

    @MyMomCallsMeCyb3rMan

    Жыл бұрын

    When inserting plain text, textContent is a better option, if you're inserting html elements, then rather create and attach your own elements.

  • @utkarshpal2625
    @utkarshpal2625 Жыл бұрын

    You got a new subscriber

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thank you and don't forget to check out my playlist for more helpful videos.

  • @ankitrawat1333
    @ankitrawat1333 Жыл бұрын

    ❤️❤️

  • @armorshed1341
    @armorshed1341 Жыл бұрын

    I watch all your videos

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Glad to hear that

  • @yubiroaster6285
    @yubiroaster6285 Жыл бұрын

    Big fan sir 🙏 🇳🇵

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thank you

  • @markjak5031
    @markjak5031 Жыл бұрын

    ❤❤❤❤❤❤

  • @sametbilir9857
    @sametbilir9857 Жыл бұрын

    I admire you very very very very very very very much ❤❤❤❤❤❤❤

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Happy to hear

  • @nagarnamit
    @nagarnamit Жыл бұрын

    Fantastic Website sir

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Thanks

  • @selfdevelopment338
    @selfdevelopment338 Жыл бұрын

    why we didn't use the function directly at color.addEventListener("click", ()=>copyColor(color, randomHex)) why it doesn't work when i write it like this color.addEventListener("click", copyColor(color, randomHex))

  • @MyMomCallsMeCyb3rMan

    @MyMomCallsMeCyb3rMan

    Жыл бұрын

    In the second example, you're not passing in a callback function, you're passing in whatever the copyColor function returns (If it doesn't return anything then you're passing in undefined since functions return undefined by default), the addEventListener method takes a callback function as its second argument If you feel my explanation doesn't make sense, please let me know.

  • @dhanushrishivshetter6612
    @dhanushrishivshetter6612 Жыл бұрын

    I'm getting a console error. While generating a color palette. Can anyone help me out .

  • @DevDynasty1999
    @DevDynasty1999 Жыл бұрын

    Sir ayse hi project react Js pe banaiye please sir

  • @tanmayyguptaa
    @tanmayyguptaa Жыл бұрын

    Can you please tell the process of how to host it online

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    You can freely host it on Github with a custom sub-domain. More information can be found at pages.github.com/, or you can use any online hosting provider.

  • @Nicola_Tesla452
    @Nicola_Tesla452 Жыл бұрын

    welcome Is it possible to make a complete website using HTML, CSS, Javascript and PHP . please 😎😎😍😍😘😘

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    Yes, definitely

  • @shockwave01
    @shockwave01 Жыл бұрын

    its time to launch a course

  • @CodingNepal

    @CodingNepal

    Жыл бұрын

    I'll think on it

  • @ranapratap1824
    @ranapratap1824 Жыл бұрын

    Bro where did you learn ?

  • @carlosmonge135
    @carlosmonge135 Жыл бұрын

    The copied color code is still lowercase... 🤨

  • @suraj351

    @suraj351

    Жыл бұрын

    Try to aaply string method toUpperCase( ) 😅

  • @manhtganf
    @manhtganf Жыл бұрын

    Please tutorial projects hide and seek

  • @nested9301
    @nested9301 Жыл бұрын

    why your website scale is big ? pls answer me bro 🤕

  • @gachastories3fromrdr849
    @gachastories3fromrdr849 Жыл бұрын

    mine said null innertext ;-; huhu

  • @bayzednotes4593
    @bayzednotes4593 Жыл бұрын

    in this tutorial codeingnepal you proof how big your programming logic... ? codingnepa i have a another question your are man or woman..

  • @baabaas
    @baabaas Жыл бұрын

    Bro, plzz don't add the music in your upcoming videos & explain every step in english or hindi... Plzzzz plzzz bro🙏

Келесі