interwiki-color-filter

記事カテゴリが未定義です。
ページコンソールよりカテゴリを選択してください。

.scpnet-interwiki-wrapper {
filter: hue-rotate(色の角度/H) saturate(彩度/S) brightness(明るさ/B(V));
}

---

https://www.peko-step.com/tool/hsvrgb.html

general

default color
	RGB	H	S	V
Link	#b01	5deg	100%	69%
		±0deg	±0%	/
side-bg	#fff	0deg	0%	100%
		/	/	±0%
side-block sample
filter:	— — —

MC&D Theme
	RGB	H	S	V
Link	#6C4279	285deg	45%	47%
		+280deg	45%	/
side-bg	#fff	0deg	0%	100%
		/	/	±0%
side-block sample
filter:	hue-rotate(280deg) saturate(45%) —

Serpent's Hand Theme
	RGB	H	S	V
Link	#059400	117deg	100%	58%
		+112deg	±0%	/
side-bg	#fff	0deg	0%	100%
		/	/	±0%
side-block sample
filter:	hue-rotate(112deg) — —

Third Law Theme
	RGB	H	S	V
Link	#4682B4	207deg	61%	70%
		+202deg	61%	/
side-bg	#E2E4E7 heck	216deg	2%	90%
		/	/	90%
side-block sample
filter:	hue-rotate(202deg) saturate(61%) brightness(90%)

SPC Theme
	RGB	H	S	V
Link	#0c499c	214deg	92%	61%
		+209deg	92%	/
side-bg	#fff	0deg	0%	100%
		/	/	±0%
side-block sample
filter:	hue-rotate(209deg) saturate(92%) —

Darkbody Theme
	RGB	H	S	V
Link	#2F4F4F	180deg	40%	30%
		+175deg	40%	/
side-bg	#DCDCDC noice	0deg	0%	86%
		/	/	86%
side-block sample
filter:	hue-rotate(175deg) saturate(40%) brightness(86%)

url()

svg filter test

filterのurl()を用いて青色のフィルターをかける実験。
https://www.webprofessional.jp/css-filter-effects-blur-grayscale-brightness-and-more-in-css/

分からない…。何も変わっていないように見えますが、これは適用されているのでしょうか…？

[[div class="scpnet-interwiki-wrapper svg" colspan="5" style="padding: 0; text-align: center;"]]
[[iframe http://scpnet.org/interwiki/scp-wiki/?lang=en&page=_default:main class="scpnet-interwiki-frame"]]
[[/div]]

[[module CSS]]
.svg {
filter: url("http://scp-jp-sandbox3.wdfiles.com/local--code/draft:7happy7-9-2a1d#bluish");
}
[[/module]]

http://scp-jp-sandbox3.wdfiles.com/local--code/draft:7happy7-9-2a1d

<svg style="position: absolute; top: -99999px" xmlns="http://www.w3.org/2000/svg">
  <filter id="bluish">
    <feComponentTransfer>
      <feFuncR type="linear" slope="2" intercept="-0.5"/>
      <feFuncG type="linear" slope="2" intercept="-0.1"/>
      <feFuncB type="linear" slope="2" intercept="0"/>
    </feComponentTransfer>
  </filter>
</svg>

---

• • _
  批評コメント批評コメント

  
  コメント投稿フォームへ

  注意: 批評して欲しいポイントやスポイラー、改稿内容についてはコメントではなく下書き本文に直接書き入れて下さい。初めての下書きであっても投稿報告は不要です。批評内容に対する返答以外で自身の下書きにコメントしないようお願いします。

  批評コメントTopへ

  - hide block

ERROR

The 7happy7's portal does not exist.

エラー:	7happy7のportalページが存在しません。利用ガイドを参照し、portalページを作成してください。

利用ガイド

1. portal:3427263 (01 Jun 2018 11:36)