2色グラデーション(文字状)
2色グラデーション(テープ状)の一部を文字状にして掲載しています。
彩赤@
■#f00(赤)→
■#90f(紫)
文字●サンプル
彩赤A
■#f00(赤)→
■#f0f(桃)
文字●サンプル
彩赤B
■#f00(赤)→
■#f9c(桃)
文字●サンプル
彩赤C
■#f00(赤)→
■#fc0(黄)
文字●サンプル
彩橙@
■#f60(橙)→
■#60f(紫)
文字●サンプル
橙系A
■#f90(橙)→
■#ff6(黄)
文字●サンプル
彩黄@
■#ff0(黄)→
■#930(茶)
文字●サンプル
彩黄A
■#ff0(黄)→
■#f00(赤)
文字●サンプル
彩黄B
■#ff6(黄)→
■#f36(桃)
文字●サンプル
彩黄C
■#ff0(黄)→
■#f0c(桃)
文字●サンプル
彩黄D
■#ff0(黄)→
■#090(緑)
文字●サンプル
彩黄E
■#ff0(黄)→
■#0cc(水)
文字●サンプル
彩鶯A
■#9f6(鶯)→
■#0cf(水)
文字●サンプル
彩鶯B
■#390(緑)→
■#039(青)
文字●サンプル
彩緑@
■#0c0(緑)→
■#ff0(黄)
文字●サンプル
彩緑A
■#060(緑)→
■#0cc(水)
文字●サンプル
彩翠@
■#3fc(水)→
■#ff0(黄)
文字●サンプル
彩翠B
■#3fc(水)→
■#39f(青)
文字●サンプル
彩翠C
■#0fc(水)→
■#06c(青)
文字●サンプル
彩翠D
■#3c9(緑)→
■#069(青)
文字●サンプル
彩翠E
■#099(水)→
■#fc3(黄)
文字●サンプル
彩水@
■#0ff(水)→
■#00f(青)
文字●サンプル
彩水A
■#0ee(水)→
■#e0e(紫)
文字●サンプル
彩水B
■#3dd(水)→
■#306(青)
文字●サンプル
彩水C
■#2cd(水)→
■#559(青)
文字●サンプル
彩水D
■#0cf(水)→
■#009(紺)
文字●サンプル
彩青@
■#06f(青)→
■#0fc(水)
文字●サンプル
彩青A
■#00f(青)→
■#f00(赤)
文字●サンプル
彩青B
■#006(青)→
■#0cc(水)
文字●サンプル
彩青C
■#66f(青)→
■#909(紫)
文字●サンプル
彩青D
■#30f(青)→
■#f0f(桃)
文字●サンプル
彩菫@
■#c3f(紫)→
■#0cf(水)
文字●サンプル
彩紫@
■#303(紫)→
■#099(翠)
文字●サンプル
彩紫A
■#f0f(桃)→
■#00f(青)
文字●サンプル
彩紫B
■#f0f(桃)→
■#0cf(水)
文字●サンプル
彩紫C
■#f0f(桃)→
■#0fc(翠)
文字●サンプル
彩紫D
■#f0f(桃)→
■#f00(赤)
文字●サンプル
彩紫E
■#f09(桃)→
■#93c(紫)
文字●サンプル
彩桃A
■#f06(桃)→
■#306(赤)
文字●サンプル
彩桃C
■#f36(桃)→
■#ffc(黄)
文字●サンプル
柔橙B
■#f96(橙)→
■#c6c(紫)
文字●サンプル
柔黄B
■#ff9(黄)→
■#f99(赤)
文字●サンプル
柔黄C
■#ff9(黄)→
■#f96(橙)
文字●サンプル
柔黄D
■#ff9(黄)→
■#099(翠)
文字●サンプル
柔黄E
■#fe9(黄)→
■#aed(水)
文字●サンプル
柔鶯@
■#bf9(鶯)→
■#389(緑)
文字●サンプル
柔翠@
■#bfd(翠)→
■#5ab(水)
文字●サンプル
柔翠A
■#6fc(水)→
■#ff9(黄)
文字●サンプル
柔水A
■#6ff(水)→
■#99f(青)
文字●サンプル
柔青@
■#69c(青)→
■#9ff(水)
文字●サンプル
柔青D
■#66f(青)→
■#f9c(紫)
文字●サンプル
柔菫D
■#639(紫)→
■#399(水)
文字●サンプル
柔紫C
■#c6c(紫)→
■#6cc(水)
文字●サンプル
柔紫D
■#939(紫)→
■#5dd(水)
文字●サンプル
柔紫F
■#f6f(桃)→
■#3cf(水)
文字●サンプル
柔紫G
■#fcf(桃)→
■#c36(赤)
文字●サンプル
柔桃B
■#f9c(桃)→
■#309(紫)
文字●サンプル
柔桃D
■#f69(桃)→
■#6cf(水)
文字●サンプル
黒系@
■#f00(赤)→
■#000(黒)
文字●サンプル
黒系A
■#f60(橙)→
■#000(黒)
文字●サンプル
黒系B
■#fc0(黄)→
■#000(黒)
文字●サンプル
黒系C
■#9f3(鶯)→
■#000(黒)
文字●サンプル
黒系D
■#0f0(緑)→
■#000(黒)
文字●サンプル
黒系E
■#0ff(水)→
■#000(黒)
文字●サンプル
黒系F
■#00f(青)→
■#000(黒)
文字●サンプル
黒系G
■#639(紫)→
■#000(黒)
文字●サンプル
黒系H
■#f0f(桃)→
■#000(黒)
文字●サンプル
黒系I
■#f09(紫)→
■#000(黒)
文字●サンプル
このページのグラデーションは全て傾きを180degにしています。
詳しくはグラデーション使用見本を参考にしてください。
TOP≫SUB≫CSS実験室