#079fcf
RGB
赤 | 7 |
---|---|
緑 | 159 |
青 | 207 |
HSL
色相 | 194° |
---|---|
彩度 | 93% |
明度 | 42% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 7, 緑 = 159, 青 = 207 )
HSL ( 色相 = 194°, 彩度 = 93%, 明度 = 42% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #cf1507 : -190
14 : #cf3607 : -180
24 : #cf5707 : -170
34 : #cf7807 : -160
44 : #cf9a07 : -150
54 : #cfbb07 : -140
64 : #c1cf07 : -130
74 : #a0cf07 : -120
84 : #7fcf07 : -110
94 : #5ecf07 : -100
104 : #3dcf07 : -90
114 : #1bcf07 : -80
124 : #07cf15 : -70
134 : #07cf36 : -60
144 : #07cf57 : -50
154 : #07cf78 : -40
164 : #07cf9a : -30
174 : #07cfbb : -20
184 : #07c1cf : -10
194 : #07a0cf : ±0
204 : #077fcf : +10
214 : #075ecf : +20
224 : #073dcf : +30
234 : #071bcf : +40
244 : #1507cf : +50
254 : #3607cf : +60
264 : #5707cf : +70
274 : #7807cf : +80
284 : #9a07cf : +90
294 : #bb07cf : +100
304 : #cf07c1 : +110
314 : #cf07a0 : +120
324 : #cf077f : +130
334 : #cf075e : +140
344 : #cf073d : +150
354 : #cf071b : +160
184 : #07c1cf : -10
185 : #07becf : -9
186 : #07bbcf : -8
187 : #07b7cf : -7
188 : #07b4cf : -6
189 : #07b1cf : -5
190 : #07aecf : -4
191 : #07aacf : -3
192 : #07a7cf : -2
193 : #07a4cf : -1
194 : #07a0cf : ±0
195 : #079dcf : +1
196 : #079acf : +2
197 : #0796cf : +3
198 : #0793cf : +4
199 : #0790cf : +5
200 : #078ccf : +6
201 : #0789cf : +7
202 : #0786cf : +8
203 : #0782cf : +9
204 : #077fcf : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6a6c6c : -92
3 : #686d6e : -90
5 : #666e70 : -88
7 : #646f73 : -86
9 : #617075 : -84
11 : #5f7177 : -82
13 : #5d7379 : -80
15 : #5b747b : -78
17 : #59757d : -76
19 : #57767f : -74
21 : #557782 : -72
23 : #527884 : -70
25 : #507986 : -68
27 : #4e7b88 : -66
29 : #4c7c8a : -64
31 : #4a7d8c : -62
33 : #487e8e : -60
35 : #467f91 : -58
37 : #438093 : -56
39 : #418195 : -54
41 : #3f8397 : -52
43 : #3d8499 : -50
45 : #3b859b : -48
47 : #39869d : -46
49 : #3787a0 : -44
51 : #3488a2 : -42
53 : #3289a4 : -40
55 : #308ba6 : -38
57 : #2e8ca8 : -36
59 : #2c8daa : -34
61 : #2a8eac : -32
63 : #288faf : -30
65 : #2590b1 : -28
67 : #2391b3 : -26
69 : #2193b5 : -24
71 : #1f94b7 : -22
73 : #1d95b9 : -20
75 : #1b96bb : -18
77 : #1997be : -16
79 : #1698c0 : -14
81 : #1499c2 : -12
83 : #129bc4 : -10
85 : #109cc6 : -8
87 : #0e9dc8 : -6
89 : #0c9eca : -4
91 : #0a9fcd : -2
93 : #07a0cf : ±0
95 : #05a1d1 : +2
97 : #03a3d3 : +4
99 : #01a4d5 : +6
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #00080a : -40
4 : #010f14 : -38
6 : #01171e : -36
8 : #011f27 : -34
10 : #022631 : -32
12 : #022e3b : -30
14 : #023545 : -28
16 : #033d4f : -26
18 : #034559 : -24
20 : #044c62 : -22
22 : #04546c : -20
24 : #045c76 : -18
26 : #056380 : -16
28 : #056b8a : -14
30 : #057294 : -12
32 : #067a9d : -10
34 : #0682a7 : -8
36 : #0689b1 : -6
38 : #0791bb : -4
40 : #0799c5 : -2
42 : #07a0cf : ±0
44 : #08a8d9 : +2
46 : #08afe2 : +4
48 : #09b7ec : +6
50 : #09bff6 : +8
52 : #13c1f6 : +10
54 : #1dc4f7 : +12
56 : #26c6f7 : +14
58 : #30c9f8 : +16
60 : #3accf8 : +18
62 : #44cef8 : +20
64 : #4ed1f9 : +22
66 : #58d3f9 : +24
68 : #62d6f9 : +26
70 : #6bd8fa : +28
72 : #75dbfa : +30
74 : #7fdefa : +32
76 : #89e0fb : +34
78 : #93e3fb : +36
80 : #9de5fb : +38
82 : #a6e8fc : +40
84 : #b0eafc : +42
86 : #baedfd : +44
88 : #c4f0fd : +46
90 : #cef2fd : +48
92 : #d8f5fe : +50
94 : #e1f7fe : +52
96 : #ebfafe : +54
98 : #f5fcff : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow