#780890
RGB
| 赤 | 120 |
|---|---|
| 緑 | 8 |
| 青 | 144 |
HSL
| 色相 | 289° |
|---|---|
| 彩度 | 89% |
| 明度 | 30% |
| 輝度 | 22% |
３桁の色
補色
反転色
RGB ( 赤 = 120, 緑 = 8, 青 = 144 )
HSL ( 色相 = 289°, 彩度 = 89%, 明度 = 30% )
H : 色相 ( 289° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #911d08 : -280
19 : #913408 : -270
29 : #914a08 : -260
39 : #916108 : -250
49 : #917808 : -240
59 : #918e08 : -230
69 : #7c9108 : -220
79 : #659108 : -210
89 : #4f9108 : -200
99 : #389108 : -190
109 : #219108 : -180
119 : #0b9108 : -170
129 : #08911d : -160
139 : #089134 : -150
149 : #08914a : -140
159 : #089161 : -130
169 : #089178 : -120
179 : #08918e : -110
189 : #087c91 : -100
199 : #086591 : -90
209 : #084f91 : -80
219 : #083891 : -70
229 : #082191 : -60
239 : #080b91 : -50
249 : #1d0891 : -40
259 : #340891 : -30
269 : #4a0891 : -20
279 : #610891 : -10
289 : #780891 : ±0
299 : #8e0891 : +10
309 : #91087c : +20
319 : #910865 : +30
329 : #91084f : +40
339 : #910838 : +50
349 : #910821 : +60
359 : #91080b : +70
279 : #610891 : -10
280 : #630891 : -9
281 : #650891 : -8
282 : #680891 : -7
283 : #6a0891 : -6
284 : #6c0891 : -5
285 : #6f0891 : -4
286 : #710891 : -3
287 : #730891 : -2
288 : #750891 : -1
289 : #780891 : ±0
290 : #7a0891 : +1
291 : #7c0891 : +2
292 : #7e0891 : +3
293 : #810891 : +4
294 : #830891 : +5
295 : #850891 : +6
296 : #880891 : +7
297 : #8a0891 : +8
298 : #8c0891 : +9
299 : #8e0891 : +10
S : 彩度 ( 89% )
(0%) 渋い ～ 鮮やか (100%)
1 : #4d4c4d : -88
3 : #4e4a4f : -86
5 : #4f4950 : -84
7 : #504752 : -82
9 : #514653 : -80
11 : #524455 : -78
13 : #534356 : -76
15 : #544158 : -74
17 : #553f5a : -72
19 : #563e5b : -70
21 : #573c5d : -68
23 : #583b5e : -66
25 : #593960 : -64
27 : #5a3861 : -62
29 : #5b3663 : -60
31 : #5c3564 : -58
33 : #5c3366 : -56
35 : #5d3267 : -54
37 : #5e3069 : -52
39 : #5f2f6a : -50
41 : #602d6c : -48
43 : #612c6d : -46
45 : #622a6f : -44
47 : #632970 : -42
49 : #642772 : -40
51 : #652574 : -38
53 : #662475 : -36
55 : #672277 : -34
57 : #682178 : -32
59 : #691f7a : -30
61 : #6a1e7b : -28
63 : #6b1c7d : -26
65 : #6c1b7e : -24
67 : #6d1980 : -22
69 : #6e1881 : -20
71 : #6f1683 : -18
73 : #701584 : -16
75 : #711386 : -14
77 : #721287 : -12
79 : #731089 : -10
81 : #740f8a : -8
83 : #750d8c : -6
85 : #760b8e : -4
87 : #770a8f : -2
89 : #780891 : ±0
91 : #790792 : +2
93 : #7a0594 : +4
95 : #7b0495 : +6
97 : #7b0297 : +8
99 : #7c0198 : +10
L : 明度 ( 30% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -30
2 : #08010a : -28
4 : #100113 : -26
6 : #18021d : -24
8 : #200227 : -22
10 : #280330 : -20
12 : #30033a : -18
14 : #380443 : -16
16 : #40044d : -14
18 : #480557 : -12
20 : #500660 : -10
22 : #58066a : -8
24 : #600774 : -6
26 : #68077d : -4
28 : #700887 : -2
30 : #780891 : ±0
32 : #80099a : +2
34 : #880aa4 : +4
36 : #900aae : +6
38 : #980bb7 : +8
40 : #9f0bc1 : +10
42 : #a70cca : +12
44 : #af0cd4 : +14
46 : #b70dde : +16
48 : #bf0de7 : +18
50 : #c70ef1 : +20
52 : #ca18f2 : +22
54 : #cc21f2 : +24
56 : #ce2bf3 : +26
58 : #d035f3 : +28
60 : #d23ef4 : +30
62 : #d548f4 : +32
64 : #d751f5 : +34
66 : #d95bf5 : +36
68 : #db65f6 : +38
70 : #de6ef7 : +40
72 : #e078f7 : +42
74 : #e282f8 : +44
76 : #e48bf8 : +46
78 : #e795f9 : +48
80 : #e99ff9 : +50
82 : #eba8fa : +52
84 : #edb2fb : +54
86 : #efbcfb : +56
88 : #f2c5fc : +58
90 : #f4cffc : +60
92 : #f6d8fd : +62
94 : #f8e2fd : +64
96 : #fbecfe : +66
98 : #fdf5fe : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow