#192ff7
RGB
赤 | 25 |
---|---|
緑 | 47 |
青 | 247 |
HSL
色相 | 234° |
---|---|
彩度 | 93% |
明度 | 53% |
輝度 | 25% |
3桁の色
補色
反転色
RGB ( 赤 = 25, 緑 = 47, 青 = 247 )
HSL ( 色相 = 234°, 彩度 = 93%, 明度 = 53% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #f72718 : -230
14 : #f74c18 : -220
24 : #f77118 : -210
34 : #f79618 : -200
44 : #f7bb18 : -190
54 : #f7e018 : -180
64 : #e8f718 : -170
74 : #c3f718 : -160
84 : #9df718 : -150
94 : #78f718 : -140
104 : #53f718 : -130
114 : #2ef718 : -120
124 : #18f727 : -110
134 : #18f74c : -100
144 : #18f771 : -90
154 : #18f796 : -80
164 : #18f7bb : -70
174 : #18f7e0 : -60
184 : #18e8f7 : -50
194 : #18c3f7 : -40
204 : #189df7 : -30
214 : #1878f7 : -20
224 : #1853f7 : -10
234 : #182ef7 : ±0
244 : #2718f7 : +10
254 : #4c18f7 : +20
264 : #7118f7 : +30
274 : #9618f7 : +40
284 : #bb18f7 : +50
294 : #e018f7 : +60
304 : #f718e8 : +70
314 : #f718c3 : +80
324 : #f7189d : +90
334 : #f71878 : +100
344 : #f71853 : +110
354 : #f7182e : +120
224 : #1853f7 : -10
225 : #184ff7 : -9
226 : #184cf7 : -8
227 : #1848f7 : -7
228 : #1844f7 : -6
229 : #1841f7 : -5
230 : #183df7 : -4
231 : #1839f7 : -3
232 : #1835f7 : -2
233 : #1832f7 : -1
234 : #182ef7 : ±0
235 : #182af7 : +1
236 : #1827f7 : +2
237 : #1823f7 : +3
238 : #181ff7 : +4
239 : #181bf7 : +5
240 : #1818f7 : +6
241 : #1b18f7 : +7
242 : #1f18f7 : +8
243 : #2318f7 : +9
244 : #2718f7 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868688 : -92
3 : #84848b : -90
5 : #81828d : -88
7 : #7f8090 : -86
9 : #7c7f92 : -84
11 : #7a7d94 : -82
13 : #787b97 : -80
15 : #757999 : -78
17 : #73779c : -76
19 : #70759e : -74
21 : #6e73a0 : -72
23 : #6c71a3 : -70
25 : #696fa5 : -68
27 : #676da8 : -66
29 : #646baa : -64
31 : #6269ac : -62
33 : #6068af : -60
35 : #5d66b1 : -58
37 : #5b64b3 : -56
39 : #5862b6 : -54
41 : #5660b8 : -52
43 : #545ebb : -50
45 : #515cbd : -48
47 : #4f5abf : -46
49 : #4c58c2 : -44
51 : #4a56c4 : -42
53 : #4854c7 : -40
55 : #4552c9 : -38
57 : #4350cb : -36
59 : #404fce : -34
61 : #3e4dd0 : -32
63 : #3c4bd3 : -30
65 : #3949d5 : -28
67 : #3747d7 : -26
69 : #3445da : -24
71 : #3243dc : -22
73 : #3041df : -20
75 : #2d3fe1 : -18
77 : #2b3de3 : -16
79 : #283be6 : -14
81 : #2639e8 : -12
83 : #2438eb : -10
85 : #2136ed : -8
87 : #1f34ef : -6
89 : #1c32f2 : -4
91 : #1a30f4 : -2
93 : #182ef7 : ±0
95 : #152cf9 : +2
97 : #132afb : +4
99 : #1028fe : +6
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -52
3 : #01020f : -50
5 : #010319 : -48
7 : #010522 : -46
9 : #02062c : -44
11 : #020736 : -42
13 : #020840 : -40
15 : #030a4a : -38
17 : #030b54 : -36
19 : #030c5e : -34
21 : #040e67 : -32
23 : #040f71 : -30
25 : #04107b : -28
27 : #051285 : -26
29 : #05138f : -24
31 : #061499 : -22
33 : #0616a2 : -20
35 : #0617ac : -18
37 : #0718b6 : -16
39 : #0719c0 : -14
41 : #071bca : -12
43 : #081cd4 : -10
45 : #081ddd : -8
47 : #081fe7 : -6
49 : #0920f1 : -4
51 : #0e25f6 : -2
53 : #182ef7 : ±0
55 : #2237f7 : +2
57 : #2b40f7 : +4
59 : #3549f8 : +6
61 : #3f52f8 : +8
63 : #495af8 : +10
65 : #5363f9 : +12
67 : #5d6cf9 : +14
69 : #6675f9 : +16
71 : #707efa : +18
73 : #7a87fa : +20
75 : #8490fb : +22
77 : #8e99fb : +24
79 : #98a2fb : +26
81 : #a1abfc : +28
83 : #abb3fc : +30
85 : #b5bcfc : +32
87 : #bfc5fd : +34
89 : #c9cefd : +36
91 : #d3d7fd : +38
93 : #dde0fe : +40
95 : #e6e9fe : +42
97 : #f0f2fe : +44
99 : #fafbff : +46
CSS入門、作ってます。
text-shadow