#7885fc
RGB
赤 | 120 |
---|---|
緑 | 133 |
青 | 252 |
HSL
色相 | 234° |
---|---|
彩度 | 96% |
明度 | 73% |
輝度 | 56% |
3桁の色
補色
反転色
RGB ( 赤 = 120, 緑 = 133, 青 = 252 )
HSL ( 色相 = 234°, 彩度 = 96%, 明度 = 73% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fc8178 : -230
14 : #fc9778 : -220
24 : #fcad78 : -210
34 : #fcc378 : -200
44 : #fcd978 : -190
54 : #fcef78 : -180
64 : #f3fc78 : -170
74 : #ddfc78 : -160
84 : #c7fc78 : -150
94 : #b1fc78 : -140
104 : #9bfc78 : -130
114 : #85fc78 : -120
124 : #78fc81 : -110
134 : #78fc97 : -100
144 : #78fcad : -90
154 : #78fcc3 : -80
164 : #78fcd9 : -70
174 : #78fcef : -60
184 : #78f3fc : -50
194 : #78ddfc : -40
204 : #78c7fc : -30
214 : #78b1fc : -20
224 : #789bfc : -10
234 : #7885fc : ±0
244 : #8178fc : +10
254 : #9778fc : +20
264 : #ad78fc : +30
274 : #c378fc : +40
284 : #d978fc : +50
294 : #ef78fc : +60
304 : #fc78f3 : +70
314 : #fc78dd : +80
324 : #fc78c7 : +90
334 : #fc78b1 : +100
344 : #fc789b : +110
354 : #fc7885 : +120
224 : #789bfc : -10
225 : #7899fc : -9
226 : #7897fc : -8
227 : #7895fc : -7
228 : #7892fc : -6
229 : #7890fc : -5
230 : #788efc : -4
231 : #788cfc : -3
232 : #788afc : -2
233 : #7887fc : -1
234 : #7885fc : ±0
235 : #7883fc : +1
236 : #7881fc : +2
237 : #787ffc : +3
238 : #787cfc : +4
239 : #787afc : +5
240 : #7878fc : +6
241 : #7a78fc : +7
242 : #7c78fc : +8
243 : #7f78fc : +9
244 : #8178fc : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bababa : -96
2 : #b9b9bc : -94
4 : #b7b8bd : -92
6 : #b6b7be : -90
8 : #b5b6c0 : -88
10 : #b3b5c1 : -86
12 : #b2b4c2 : -84
14 : #b1b2c4 : -82
16 : #afb1c5 : -80
18 : #aeb0c7 : -78
20 : #acafc8 : -76
22 : #abaec9 : -74
24 : #aaadcb : -72
26 : #a8accc : -70
28 : #a7abcd : -68
30 : #a5aacf : -66
32 : #a4a9d0 : -64
34 : #a3a7d2 : -62
36 : #a1a6d3 : -60
38 : #a0a5d4 : -58
40 : #9fa4d6 : -56
42 : #9da3d7 : -54
44 : #9ca2d8 : -52
46 : #9aa1da : -50
48 : #99a0db : -48
50 : #989fdd : -46
52 : #969ede : -44
54 : #959cdf : -42
56 : #949be1 : -40
58 : #929ae2 : -38
60 : #9199e3 : -36
62 : #8f98e5 : -34
64 : #8e97e6 : -32
66 : #8d96e8 : -30
68 : #8b95e9 : -28
70 : #8a94ea : -26
72 : #8992ec : -24
74 : #8791ed : -22
76 : #8690ee : -20
78 : #848ff0 : -18
80 : #838ef1 : -16
82 : #828df3 : -14
84 : #808cf4 : -12
86 : #7f8bf5 : -10
88 : #7e8af7 : -8
90 : #7c89f8 : -6
92 : #7b87f9 : -4
94 : #7986fb : -2
96 : #7885fc : ±0
98 : #7784fe : +2
100 : #7583ff : +4
L : 明度 ( 73% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -72
3 : #00020f : -70
5 : #010319 : -68
7 : #010423 : -66
9 : #01052d : -64
11 : #010737 : -62
13 : #010841 : -60
15 : #02094b : -58
17 : #020a55 : -56
19 : #020b5f : -54
21 : #020c69 : -52
23 : #020e73 : -50
25 : #030f7d : -48
27 : #031087 : -46
29 : #031191 : -44
31 : #03129b : -42
33 : #0314a5 : -40
35 : #0415af : -38
37 : #0416b9 : -36
39 : #0417c3 : -34
41 : #0418cd : -32
43 : #0419d7 : -30
45 : #051be1 : -28
47 : #051ceb : -26
49 : #051df5 : -24
51 : #0a22fa : -22
53 : #142bfa : -20
55 : #1e34fa : -18
57 : #283dfb : -16
59 : #3246fb : -14
61 : #3c4ffb : -12
63 : #4658fb : -10
65 : #5061fb : -8
67 : #5a6afc : -6
69 : #6473fc : -4
71 : #6e7cfc : -2
73 : #7885fc : ±0
75 : #828efc : +2
77 : #8c97fd : +4
79 : #96a0fd : +6
81 : #a0a9fd : +8
83 : #aab2fd : +10
85 : #b4bbfd : +12
87 : #bec4fe : +14
89 : #c8cdfe : +16
91 : #d2d6fe : +18
93 : #dcdffe : +20
95 : #e6e8fe : +22
97 : #f0f1ff : +24
99 : #fafaff : +26
CSS入門、作ってます。
text-shadow