#280967
RGB ( 赤 = 40, 緑 = 9, 青 = 103 )
HSL ( 色相 = 260°, 彩度 = 84%, 明度 = 22% )
H : 色相 ( 260° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #670909 : -260
10 : #671909 : -250
20 : #672809 : -240
30 : #673809 : -230
40 : #674809 : -220
50 : #675809 : -210
60 : #676709 : -200
70 : #586709 : -190
80 : #486709 : -180
90 : #386709 : -170
100 : #286709 : -160
110 : #196709 : -150
120 : #096709 : -140
130 : #096719 : -130
140 : #096728 : -120
150 : #096738 : -110
160 : #096748 : -100
170 : #096758 : -90
180 : #096767 : -80
190 : #095867 : -70
200 : #094867 : -60
210 : #093867 : -50
220 : #092867 : -40
230 : #091967 : -30
240 : #090967 : -20
250 : #190967 : -10
260 : #280967 : ±0
270 : #380967 : +10
280 : #480967 : +20
290 : #580967 : +30
300 : #670967 : +40
310 : #670958 : +50
320 : #670948 : +60
330 : #670938 : +70
340 : #670928 : +80
350 : #670919 : +90
250 : #190967 : -10
251 : #1a0967 : -9
252 : #1c0967 : -8
253 : #1d0967 : -7
254 : #1f0967 : -6
255 : #210967 : -5
256 : #220967 : -4
257 : #240967 : -3
258 : #250967 : -2
259 : #270967 : -1
260 : #280967 : ±0
261 : #2a0967 : +1
262 : #2c0967 : +2
263 : #2d0967 : +3
264 : #2f0967 : +4
265 : #300967 : +5
266 : #320967 : +6
267 : #330967 : +7
268 : #350967 : +8
269 : #370967 : +9
270 : #380967 : +10
S : 彩度 ( 84% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -84
2 : #383739 : -82
4 : #37363a : -80
6 : #37353b : -78
8 : #37343d : -76
10 : #36323e : -74
12 : #36313f : -72
14 : #353040 : -70
16 : #352f41 : -68
18 : #352e42 : -66
20 : #342d43 : -64
22 : #342c44 : -62
24 : #342b46 : -60
26 : #332a47 : -58
28 : #332848 : -56
30 : #322749 : -54
32 : #32264a : -52
34 : #32254b : -50
36 : #31244c : -48
38 : #31234d : -46
40 : #31224f : -44
42 : #302150 : -42
44 : #301f51 : -40
46 : #2f1e52 : -38
48 : #2f1d53 : -36
50 : #2f1c54 : -34
52 : #2e1b55 : -32
54 : #2e1a56 : -30
56 : #2e1958 : -28
58 : #2d1859 : -26
60 : #2d165a : -24
62 : #2d155b : -22
64 : #2c145c : -20
66 : #2c135d : -18
68 : #2b125e : -16
70 : #2b115f : -14
72 : #2b1060 : -12
74 : #2a0f62 : -10
76 : #2a0d63 : -8
78 : #2a0c64 : -6
80 : #290b65 : -4
82 : #290a66 : -2
84 : #280967 : ±0
86 : #280868 : +2
88 : #280769 : +4
90 : #27066b : +6
92 : #27046c : +8
94 : #27036d : +10
96 : #26026e : +12
98 : #26016f : +14
100 : #250070 : +16
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #040109 : -20
4 : #070213 : -18
6 : #0b021c : -16
8 : #0f0326 : -14
10 : #12042f : -12
12 : #160538 : -10
14 : #1a0642 : -8
16 : #1d074b : -6
18 : #210754 : -4
20 : #25085e : -2
22 : #280967 : ±0
24 : #2c0a71 : +2
26 : #300b7a : +4
28 : #330b83 : +6
30 : #370c8d : +8
32 : #3b0d96 : +10
34 : #3e0ea0 : +12
36 : #420fa9 : +14
38 : #4610b2 : +16
40 : #4910bc : +18
42 : #4d11c5 : +20
44 : #5112ce : +22
46 : #5413d8 : +24
48 : #5814e1 : +26
50 : #5c14eb : +28
52 : #621eeb : +30
54 : #6927ec : +32
56 : #6f31ed : +34
58 : #763aee : +36
60 : #7c43ef : +38
62 : #834def : +40
64 : #8956f0 : +42
66 : #905ff1 : +44
68 : #9769f2 : +46
70 : #9d72f3 : +48
72 : #a47cf4 : +50
74 : #aa85f4 : +52
76 : #b18ef5 : +54
78 : #b798f6 : +56
80 : #bea1f7 : +58
82 : #c4abf8 : +60
84 : #cbb4f8 : +62
86 : #d1bdf9 : +64
88 : #d8c7fa : +66
90 : #ded0fb : +68
92 : #e5d9fc : +70
94 : #ebe3fd : +72
96 : #f2ecfd : +74
98 : #f8f6fe : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow