#621cd4
RGB
| 赤 | 98 |
|---|---|
| 緑 | 28 |
| 青 | 212 |
HSL
| 色相 | 263° |
|---|---|
| 彩度 | 77% |
| 明度 | 47% |
| 輝度 | 27% |
３桁の色
補色
反転色
RGB ( 赤 = 98, 緑 = 28, 青 = 212 )
HSL ( 色相 = 263°, 彩度 = 77%, 明度 = 47% )
H : 色相 ( 263° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #d4251c : -260
13 : #d4441c : -250
23 : #d4621c : -240
33 : #d4811c : -230
43 : #d4a01c : -220
53 : #d4bf1c : -210
63 : #cbd41c : -200
73 : #acd41c : -190
83 : #8dd41c : -180
93 : #6fd41c : -170
103 : #50d41c : -160
113 : #31d41c : -150
123 : #1cd425 : -140
133 : #1cd444 : -130
143 : #1cd462 : -120
153 : #1cd481 : -110
163 : #1cd4a0 : -100
173 : #1cd4bf : -90
183 : #1ccbd4 : -80
193 : #1cacd4 : -70
203 : #1c8dd4 : -60
213 : #1c6fd4 : -50
223 : #1c50d4 : -40
233 : #1c31d4 : -30
243 : #251cd4 : -20
253 : #441cd4 : -10
263 : #621cd4 : ±0
273 : #811cd4 : +10
283 : #a01cd4 : +20
293 : #bf1cd4 : +30
303 : #d41ccb : +40
313 : #d41cac : +50
323 : #d41c8d : +60
333 : #d41c6f : +70
343 : #d41c50 : +80
353 : #d41c31 : +90
253 : #441cd4 : -10
254 : #471cd4 : -9
255 : #4a1cd4 : -8
256 : #4d1cd4 : -7
257 : #501cd4 : -6
258 : #531cd4 : -5
259 : #561cd4 : -4
260 : #591cd4 : -3
261 : #5c1cd4 : -2
262 : #5f1cd4 : -1
263 : #621cd4 : ±0
264 : #651cd4 : +1
265 : #681cd4 : +2
266 : #6c1cd4 : +3
267 : #6f1cd4 : +4
268 : #721cd4 : +5
269 : #751cd4 : +6
270 : #781cd4 : +7
271 : #7b1cd4 : +8
272 : #7e1cd4 : +9
273 : #811cd4 : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #787779 : -76
3 : #77747b : -74
5 : #76727e : -72
7 : #766f80 : -70
9 : #756d83 : -68
11 : #756b85 : -66
13 : #746887 : -64
15 : #74668a : -62
17 : #73638c : -60
19 : #73618f : -58
21 : #725f91 : -56
23 : #715c93 : -54
25 : #715a96 : -52
27 : #705798 : -50
29 : #70559b : -48
31 : #6f539d : -46
33 : #6f509f : -44
35 : #6e4ea2 : -42
37 : #6e4ca4 : -40
39 : #6d49a7 : -38
41 : #6c47a9 : -36
43 : #6c44ab : -34
45 : #6b42ae : -32
47 : #6b40b0 : -30
49 : #6a3db3 : -28
51 : #6a3bb5 : -26
53 : #6938b7 : -24
55 : #6836ba : -22
57 : #6834bc : -20
59 : #6731bf : -18
61 : #672fc1 : -16
63 : #662cc3 : -14
65 : #662ac6 : -12
67 : #6528c8 : -10
69 : #6525cb : -8
71 : #6423cd : -6
73 : #6320cf : -4
75 : #631ed2 : -2
77 : #621cd4 : ±0
79 : #6219d7 : +2
81 : #6117d9 : +4
83 : #6114db : +6
85 : #6012de : +8
87 : #6010e0 : +10
89 : #5f0de3 : +12
91 : #5e0be5 : +14
93 : #5e08e7 : +16
95 : #5d06ea : +18
97 : #5d04ec : +20
99 : #5c01ef : +22
L : 明度 ( 47% )
(0%) 暗い ～ 明るい (100%)
1 : #020105 : -46
3 : #06020e : -44
5 : #0a0317 : -42
7 : #0f0420 : -40
9 : #130529 : -38
11 : #170632 : -36
13 : #1b083b : -34
15 : #1f0944 : -32
17 : #240a4d : -30
19 : #280b56 : -28
21 : #2c0c5f : -26
23 : #300d68 : -24
25 : #340f71 : -22
27 : #38107a : -20
29 : #3d1183 : -18
31 : #41128c : -16
33 : #451395 : -14
35 : #49159e : -12
37 : #4d16a7 : -10
39 : #5217b0 : -8
41 : #5618b9 : -6
43 : #5a19c2 : -4
45 : #5e1acb : -2
47 : #621cd4 : ±0
49 : #671ddd : +2
51 : #6c22e2 : +4
53 : #722be3 : +6
55 : #7834e5 : +8
57 : #7e3de6 : +10
59 : #8446e7 : +12
61 : #8a4fe8 : +14
63 : #9058e9 : +16
65 : #9661ea : +18
67 : #9c6aec : +20
69 : #a273ed : +22
71 : #a87cee : +24
73 : #ae85ef : +26
75 : #b48ef0 : +28
77 : #ba97f2 : +30
79 : #c0a0f3 : +32
81 : #c6a9f4 : +34
83 : #ccb2f5 : +36
85 : #d2bbf6 : +38
87 : #d8c4f7 : +40
89 : #decdf9 : +42
91 : #e4d6fa : +44
93 : #eadffb : +46
95 : #f0e8fc : +48
97 : #f6f1fd : +50
99 : #fcfafe : +52
CSS入門、作ってます。
text-shadow