記事へのコメント29

    • 注目コメント
    • 新着コメント
    naoya2k
    naoya2k グラデーションが汚なくなるのはガンマの問題がでかいんだけど、この記事は最初の画像はガンマ補正されててわりと綺麗で、その次に出てくる画像は補正されていない汚い画像なので、もう論外としか。

    2022/04/11 リンク

    その他
    altar
    altar 昔こういう技術系リライト記事の元ネタが(ブコメで指摘されてないにもかかわらず)はてブの関連記事としてずばりサジェストされてたことあったけど、今回はそうはならなかったか。

    2022/04/10 リンク

    その他
    abstruct3431
    abstruct3431 少し前に話題になった記事からパクってきたんかな?これに対して凄いだのなんだのほざいてるエンジニア、情報のキャッチアップ下手くそだからやり方見直したほうが良いよ

    2022/04/10 リンク

    その他
    hirorinya
    hirorinya 何これすごい 学び

    2022/04/10 リンク

    その他
    yoshi-na
    yoshi-na 雑にグラデをつくると中間色が濁って汚く見えるのでどういう考え方で改善できるかってはなし

    2022/04/10 リンク

    その他
    greenbow
    greenbow タイトルの「なんだけど」が気になってしまう…方言なのかな

    2022/04/10 リンク

    その他
    nmcli
    nmcli 分かりやすいなあ

    2022/04/10 リンク

    その他
    otchy210
    otchy210 ブラウザ毎の書式の差がひどかった出始めの頃によく使ってたけど、いまこんなに色々なグラデーションジェネレータがあるんだねぇ。

    2022/04/10 リンク

    その他
    hokkey
    hokkey これとか角丸の緩和曲線とか、何も考えなくても勝手に適用されるようなAPIにしてほしい

    2022/04/10 リンク

    その他
    sabacurry
    sabacurry 波形モニタ見ながらhue回すと、あぁ色相ってそういうことか思えて楽しかった

    2022/04/10 リンク

    その他
    appletriangle
    appletriangle 原理と解決策が明確で面白い。

    2022/04/10 リンク

    その他
    cnln
    cnln RGB空間内で直線的に動かすと、色表記で言うところのS(彩度)とL(明度)が動いてしまい、人の目には汚く見える。HSLに変換してH(色相)だけを動かすことで違和感は消える。また補色を繋ぐグラデは汚くなりやすいのでやめる。

    2022/04/09 リンク

    その他
    mventura
    mventura 思った以上にきたなかったので、きれいなサンプルを見てすっきりした。

    2022/04/09 リンク

    その他
    blueboy
    blueboy  CSS の色指定は、RGB が #RRGGBB で、たとえば #334455 だ。HSL だと、たとえば hsl(210, 14%, 50%) だ。 → https://cssroller.com/hsl/

    2022/04/09 リンク

    その他
    remcat
    remcat 「ん」の用法 / ラ行音撥音化、でいいのかな http://doi.org/10.24561/00018361

    2022/04/09 リンク

    その他
    mayumayu_nimolove
    mayumayu_nimolove 汚くなんだけどって日本語?

    2022/04/09 リンク

    その他
    punychan
    punychan コリスのリンクを見に来た。まああれも海外記事のライセンス翻訳だが。

    2022/04/09 リンク

    その他
    diveintounlimit
    diveintounlimit 最近のSafariのNoteで直したって書いてたよね

    2022/04/09 リンク

    その他
    itien
    itien 仕事用

    2022/04/09 リンク

    その他
    ardarim
    ardarim 最近見たばっかで二番煎じ感が… https://coliss.com/articles/build-websites/operation/css/make-beautiful-gradients-in-css.html

    2022/04/09 リンク

    その他
    spark7
    spark7 擬似的に色相グラデーションを再現してるのよね。CSSの仕様(RGBグラデのみ)が変わらんと根本的にはどうしようもない。

    2022/04/09 リンク

    その他
    makou
    makou 関連 : https://coliss.com/articles/build-websites/operation/css/make-beautiful-gradients-in-css.html

    2022/04/09 リンク

    その他
    yarumato
    yarumato “CSSのlinear-gradientは、中間地点でRGBの値がどれも0x88に近い値になるのでグレー(#888888)っぽくなる。対策 1) HSL、特にHueを元に始値/終値以外に中間値3点も決める。2) Hue値を+-180した値(補色)は色制御が難しいので避ける”

    2022/04/09 リンク

    その他
    brightsoda
    brightsoda https://levtech.jp/media/article/column/detail_44/ これの進化待ってる

    2022/04/09 リンク

    その他
    uchiten
    uchiten 最近のSafariのリリースでこれの修正があると見かけた気がする。

    2022/04/09 リンク

    その他
    remonoil
    remonoil 美術の授業でこういうの教えてください

    2022/04/09 リンク

    その他
    yamadar
    yamadar CSSグラデーションはRGBなので中間色がグレーに近づいてしまう。HSL でグラデーションを作って、そこでピックアップした中間色を複数指定する。ツールが出てる

    2022/04/09 リンク

    その他
    shunkeen
    shunkeen 日本からブラジル行くのにマントル通るより、地球の表面に沿って飛行機で行く方がイイ的な話か(全然違う)>“RGBそれぞれの値が真ん中付近で近い値になるため、グレーっぽくなり、くすんだグラデーションになる”

    2022/04/09 リンク

    その他
    maninthemiddle
    maninthemiddle RGB系だと離れた2点間の色の中間を取ると同じような明度彩度の色同士でもくすんだ色になる。一方で、HSL系だと彩度明度を保ったまま色相の中間を取れる、と理解した。 色空間って面白い

    2022/04/09 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック!
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita

    概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデー...

    ブックマークしたユーザー

    • techtech05212024/05/13 techtech0521
    • dorapon20002022/06/01 dorapon2000
    • sp_DEGU2022/05/04 sp_DEGU
    • lugecy2022/04/18 lugecy
    • akira_maru2022/04/13 akira_maru
    • rakda32022/04/12 rakda3
    • shinagaki2022/04/11 shinagaki
    • neo21842022/04/11 neo2184
    • green02022/04/11 green0
    • seasougame2022/04/11 seasougame
    • naoya2k2022/04/11 naoya2k
    • yug12242022/04/10 yug1224
    • kkeisuke2022/04/10 kkeisuke
    • jamjamtan2022/04/10 jamjamtan
    • dieth2022/04/10 dieth
    • altar2022/04/10 altar
    • o_hiroyuki2022/04/10 o_hiroyuki
    • s_rsak2022/04/10 s_rsak
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事